Inhoudsopgave
In dit artikel leer je hoe je tabellen in Outlook voorwaardelijk kunt opmaken. Ik laat je zien hoe je de verf van de tekst van cellen kunt bijwerken en achtergrond met de kleur die u kiest uit de dropdown lijst.
Voorbereiding
Voordat we aan onze "tekenles" beginnen en leren hoe we tabellen in Outlook voorwaardelijk kunnen opmaken, wil ik een kleine introductie maken van onze app voor Outlook, genaamd Gedeelde E-mailsjablonen. Met dit handige hulpmiddel beheert u uw correspondentie in Outlook zo snel en gemakkelijk als u zich voorheen alleen maar kon voorstellen. De invoegtoepassing zal u helpen herhalende copy-pastes te vermijden en mooi ogende e-mails te maken in eeneen kwestie van een paar klikken.
Nu is het hoog tijd om terug te keren naar ons hoofdonderwerp - voorwaardelijke opmaak in Outlook-tabellen. Met andere woorden, ik zal je laten zien hoe je cellen, hun randen en inhoud in de gewenste kleur kunt kleuren. Zorg er eerst voor dat je nog weet hoe je tabellen in Outlook maakt.
Omdat ik cellen ga inkleuren op basis van de toon die ik kies uit de keuzelijst, moet ik nog één ding vooraf regelen. Als je je mijn tutorial over het maken van invulbare e-mailsjablonen herinnert, weet je dat keuzelijsten worden gemaakt met behulp van datasets. Neem even de tijd om je kennis over dit onderwerp bij te werken als je het gevoel hebt dat je vergeten bent hoe je datasets moet beheren en laten we verder gaan.
Nu moet ik vooraf een dataset opslaan met de kleuren die ik ga gebruiken (ik noemde het Dataset met kortingen ) en voeg de WhatToEnter macro met de dropdown selectie. Dus, hier is mijn dataset:
| Korting | Kleurcode |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Als u zich afvraagt waar u die codes kunt krijgen, maak dan een lege tabel aan, ga naar zijn Eigenschappen en kies een kleur. Je ziet de code in het corresponderende veld, kopieer die gerust. 
Ik maak de WHAT_TO_ENTER macro en koppel deze aan deze dataset omdat ik die later nodig heb:
~%WhatToEnter[{dataset:'Dataset met kortingen',kolom:'Korting',titel: Selecteer korting'}]Deze kleine macro zal me helpen om de korting dropdown te kiezen. Zodra ik dat gedaan heb, zal het noodzakelijke deel van mijn tabel geschilderd worden.
Ik begrijp hoe onduidelijk het er nu uitziet, dus ik laat u niet achter met dit misverstand en laat zien hoe u de kleur van tekst kunt veranderen of een cel kunt markeren. Ik gebruik basisvoorbeelden, zodat u het idee kunt krijgen en deze procedure kunt reproduceren met uw eigen gegevens.
Laten we beginnen.
Letterkleur van tekst in tabel wijzigen
Laten we beginnen met het arceren van wat tekst in de tabel. Ik heb een sjabloon gemaakt met een voorbeeldtabel voor onze schilder-experimenten:
Mijn doel is om de tekst in de overeenkomstige kleur te schilderen afhankelijk van de dropdown selectie. Met andere woorden, ik wil een sjabloon plakken, het nodige kortingspercentage kiezen uit de dropdown lijst en deze geplakte tekst zal gekleurd worden. In welke kleur? Scroll naar de dataset in het voorbereidingsgedeelte, je zult zien dat elk kortingspercentage zijn eigen kleurcode heeft. Dit is de gewenste kleur die moet wordengebruikt.
Omdat ik wil dat de korting wordt toegevoegd uit de keuzelijst, moet ik de WhatToEnter-macro in deze cel plakken. Heb je het gevoel dat je je geheugen over dit onderwerp moet opfrissen? Neem dan even de tijd om een van mijn vorige tutorials te bekijken ;)
De resulterende tabel ziet er dus zo uit:
| Voorbeeld kop 1 | Voorbeeld kop 2 | Voorbeeldkopje 3 |
| ~%WhatToEnter[ {dataset:'Dataset met kortingen', kolom:'Korting', titel:'Selecteer korting'} ] korting |
Kijk, het kortingspercentage wordt toegevoegd uit de dropdown lijst en het woord "korting" staat er sowieso.
Maar hoe kan ik het sjabloon zo instellen dat de tekst in de overeenkomstige kleur wordt geschilderd? Vrij eenvoudig eigenlijk, ik moet alleen de HTML van het sjabloon een beetje aanpassen. Laten we het theoriegedeelte afronden en meteen naar de praktijk gaan.
Kleur alle tekst in tabelcel
Eerst open ik de HTML-code van mijn sjabloon en bekijk die zorgvuldig: 
Hier is hoe mijn sjabloon er in HTML uitziet: 
Opmerking. Verderop zal ik alle HTML-codes als tekst posten, zodat u ze kunt kopiëren naar uw eigen sjablonen en aanpassen zoals u wilt.
Laten we de bovenstaande HTML eens van heel dichtbij bekijken. De eerste regel is de eigenschap van de tabelrand (stijl, breedte, kleur, enz.). Dan komt de eerste regel
Ik ben geïnteresseerd in het eerste element van de tweede rij met mijn WHAT_TO_ENTER. Het inkleuren gebeurt door het volgende stukje code toe te voegen:
TEKST_TE_KLEURENIk zal het voor u in stukken breken en elk ervan verduidelijken:
- De KLEUR parameter behandelt het schilderij. Als je het vervangt door, laten we zeggen, "rood", wordt deze tekst rood. Maar omdat mijn taak is een kleur te kiezen uit een dropdown lijst, kom ik even terug op de voorbereiding en neem ik mijn voorbereide WhatToEnter macro van daar: ~%WhatToEnter[{dataset:'Dataset met kortingen',kolom:'Korting',titel: Selecteer korting'}]
- TEKST_TE_KLEUREN is de tekst die gearceerd moet worden. In mijn specifieke voorbeeld is dat " ~%WhatToEnter[{dataset:'Dataset met kortingen',kolom:'Korting',titel:'Selecteer korting'}] korting " (kopieer dit stuk rechtstreeks uit de originele HTML-code om gegevenscorruptie te voorkomen).
Hier is het nieuwe stukje code dat ik zal invoegen in mijn HTML:
Opmerking: het is u misschien opgevallen dat de parameter "kolom" in deze twee macro's verschilt, omdat ik de waarde van verschillende kolommen moet teruggeven, d.w.z. kolom:"Kleurcode geeft de kleur terug die de tekst zal schilderen, terwijl kolom:"Korting - de discontovoet voor het plakken in een cel.
Een nieuwe vraag rijst - op welke plaats van de HTML moet ik het plaatsen? Algemeen gesproken moet deze tekst het volgende vervangen TEXT_TO_BE_COLORED. In mijn voorbeeld is dat de eerste kolom (
Zodra ik de wijzigingen opsla en deze bijgewerkte sjabloon plak, vraagt een pop-upvenster mij een korting te kiezen. Ik kies 10% en mijn tekst wordt meteen groen gekleurd. 
Schaduw een deel van de celinhoud
De logica voor het kleuren van slechts een deel van de inhoud van de cel is in principe hetzelfde - u vervangt alleen de te kleuren tekst door de code uit het vorige hoofdstuk en laat de rest van de tekst zoals hij is.
In dit voorbeeld, als ik alleen het percentage moet kleuren (zonder het woord "korting"), open ik de HTML-code, selecteer het deel dat niet gekleurd moet worden ("korting" in ons geval) en verplaats het uit de tag: 
Als u de kleurvoorbereidingen vanaf het begin doet, houd er dan rekening mee dat de toekomstige gekleurde tekst in de plaats komt van TEKST_TE_KLEUREN de rest blijft na het einde. Hier is mijn vernieuwde HTML:
Zie je? Ik heb slechts een deel van de inhoud van mijn cel binnen de tags geplaatst, zodat alleen dit deel gekleurd wordt bij het plakken. 
Voorwaardelijke opmaak toepassen op tabelcellen
Laten we nu de taak een beetje veranderen en proberen niet de tekst, maar de hele achtergrond van de cellen in dezelfde voorbeeldtabel te markeren.
Markeer een cel
Omdat ik dezelfde tabel wijzig, zal ik mezelf niet herhalen en de HTML-code van de oorspronkelijke tabel ook in dit hoofdstuk plakken. Scroll een beetje omhoog of spring meteen naar het eerste voorbeeld van deze tutorial om de ongewijzigde code van de ongekleurde tabel te zien.
Als ik de achtergrond van de cel wil kleuren met de korting, moet ik ook de HTML een beetje aanpassen, maar de aanpassing zal verschillen van de tekstkleuring. Het belangrijkste verschil is dat de kleur niet op de tekst moet worden toegepast, maar op de hele cel.
De te markeren cel ziet er in het HTML-formaat zo uit:
Omdat ik een cel wil markeren, moeten de wijzigingen worden toegepast op het celattribuut, niet op de tekst. Ik breek de regel hierboven op in delen, verduidelijk elk ervan en wijs de delen aan die moeten worden gewijzigd:
- "style=" betekent dat de cel van de rij de volgende stijleigenschappen heeft. Hier nemen we onze eerste pauze. Omdat ik een aangepaste achtergrondkleur moet instellen, verander ik stijl naar dataset-stijl .
- "breedte: 32,2925%; rand: 1px effen zwart;" - dat zijn de standaard stijl eigenschappen die ik hierboven bedoelde. Ik moet er nog een toevoegen om de achtergrond van de gekozen cel aan te passen: achtergrondkleur Aangezien het mijn bedoeling is de te gebruiken kleur te kiezen uit een dropdown lijst, ga ik terug naar mijn voorbereiding en neem van daaruit de klaarstaande WhatToEnter.
Tip. Als je wilt dat de cel in één kleur wordt geschilderd en je wilt niet dat de keuzelijst je elke keer stoort, vervang dan gewoon een macro door de kleurnaam ("blauw", bijvoorbeeld). Het ziet er dan zo uit: ~%WhatToEnter[{dataset:'Dataset met kortingen',kolom:'Korting',titel:'Selecteer korting'}] korting
- " ~%WhatToEnter[] korting " is de inhoud van de cel.
Dus, hier is de bijgewerkte HTML:
De rest van de tabel blijft zoals hij is. Hier volgt de resulterende HTML die de cel met het percentage markeert:
Wanneer ik deze wijziging opsla en de bijgewerkte tabel in een e-mail plak, krijg ik de keuzelijst met kortingen en wordt de eerste cel gemarkeerd zoals gepland. 
Kleur hele rij
Als één cel niet genoeg is, schilder ik de hele rij :) Je denkt misschien dat je de stappen uit de bovenstaande paragraaf moet toepassen voor alle cellen in een rij. Ik moet je teleurstellen, de procedure verschilt een beetje.
In de instructies hierboven heb ik laten zien hoe je de achtergrond van de cel kunt bijwerken door het HTML-stuk van deze cel te wijzigen. Omdat ik nu de hele rij opnieuw ga schilderen, moet ik de HTML-regel ervan nemen en de wijzigingen direct daarop toepassen.
Nu is het opties-vrij en ziet het eruit als . Ik moet toevoegen data-set-style= en plak daar mijn WHAT_TO_ENTER. In het resultaat ziet de regel eruit als hieronder:
Zo ziet de hele HTML van de tabel met de te schilderen cel er als volgt uit:
Voel je vrij om deze HTML te kopiëren voor je eigen sjablonen om er zeker van te zijn dat het werkt zoals ik beschrijf. Of vertrouw op het screenshot hieronder :) 
Samengevat
Dat is alles wat ik je vandaag wilde vertellen over voorwaardelijke opmaak in Outlook-tabellen. Ik heb je laten zien hoe je de kleur van de inhoud van cellen kunt veranderen en hun achtergrond kunt markeren. Ik hoop dat ik je heb kunnen overtuigen dat er niets bijzonders en moeilijks is aan het wijzigen van de HTML van een sjabloon en dat je zelf een paar schildersexperimenten zult uitvoeren ;)
FYI, de tool kan vanuit de Microsoft Store op uw pc, Mac of Windows-tablet worden geïnstalleerd en op al uw apparaten tegelijk worden gebruikt.
Als je vragen of, misschien, suggesties hebt over de opmaak van de tabellen, laat het me dan weten in de comments. Ik hoor graag van je terug!
