Indholdsfortegnelse
I denne artikel lærer du, hvordan du kan formatere tabeller betinget i Outlook. Jeg viser dig, hvordan du opdaterer malingen af cellernes tekst og baggrund med den farve, du vælger fra rullelisten.
Forberedelse
Før vi begynder vores "tegnetime" og lærer at lære at formatere tabeller i Outlook, vil jeg gerne lave en lille introduktion af vores app til Outlook kaldet Shared Email Templates. Med dette praktiske værktøj vil du administrere din korrespondance i Outlook så hurtigt og nemt, som du kun kunne forestille dig før. Tilføjelsen vil hjælpe dig med at undgå gentagne copy-pastes og skabe flotte e-mails i enet spørgsmål om et par klik.
Nu er det på høje tid at vende tilbage til vores hovedemne - betinget formatering i Outlook-tabeller. Med andre ord vil jeg vise dig, hvordan du farver celler, deres grænser og indhold i den ønskede farve. Først og fremmest skal du sørge for at huske, hvordan du opretter tabeller i Outlook.
Da jeg vil farve cellerne baseret på den tone, jeg vælger fra dropdown-listen, skal jeg foretage endnu en forudgående aftale. Hvis du husker min vejledning om, hvordan man opretter e-mailskabeloner, der kan udfyldes, ved du, at dropdown-lister oprettes ved hjælp af datasæt. Brug et øjeblik på at opdatere din viden om dette emne, hvis du føler, at du har glemt, hvordan man håndterer datasæt, og lad os komme videre.
Nu skal jeg gemme et datasæt på forhånd med de farver, jeg vil bruge (jeg kaldte det Datasæt med rabatter ) og tilføje den WhatToEnter makro med dropdown-valg. Her er mit datasæt:
Rabat | Farvekode |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Hvis du undrer dig over, hvor du kan finde disse koder, skal du blot oprette en tom tabel, gå til dens Egenskaber og vælg en hvilken som helst farve. Du vil se koden i det tilsvarende felt, og du er velkommen til at kopiere den direkte derfra.
Jeg opretter makroen WHAT_TO_ENTER og forbinder den med dette datasæt, da jeg får brug for den senere:
~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title: Select discount'}]Denne lille makro vil hjælpe mig med at få den rabat dropdown til at vælge imellem. Når jeg har gjort det, vil den nødvendige del af min tabel blive malet.
Jeg forstår godt, at det kan virke uklart, så jeg vil ikke efterlade dig med denne misforståelse og begynde at vise, hvordan du ændrer farven på tekst eller fremhæver en celle. Jeg vil bruge grundlæggende eksempler, så du kan få idéen og reproducere denne procedure med dine egne data.
Lad os komme i gang.
Ændre skriftfarve på tekst i tabellen
Lad os starte med at skygge noget tekst i tabellen. Jeg har forberedt en skabelon med en eksempeltabel til vores eksperimenter med maling:
Mit mål er at male teksten i den tilsvarende farve afhængigt af dropdown-valget. Med andre ord, jeg vil indsætte en skabelon, vælge den nødvendige rabatsatsats fra dropdown-listen, og denne indsatte tekst vil blive farvet. I hvilken farve? Rul op til datasættet i forberedelsesdelen, så vil du se, at hver rabatsatsats har sin egen farvekode. Dette er den ønskede farve, der skal væreanvendes.
Da jeg gerne vil have rabatten tilføjet fra dropdown-listen, skal jeg indsætte WhatToEnter-makroen i denne celle. Hvis du føler, at du har brug for at genopfriske din hukommelse om dette emne, så tag et øjeblik til at tjekke en af mine tidligere tutorials ;)
Den resulterende tabel vil se således ud:
Eksempel på overskrift 1 | Eksempel på overskrift 2 | Eksempel på overskrift 3 |
~%WhatToEnter[ {dataset:'Dataset med rabatter', column:'Discount', title:'Select discount'} ] rabat |
Se, rabatsatsen vil blive tilføjet fra dropdown-listen, og ordet "rabat" vil alligevel være der.
Men hvordan kan jeg sætte skabelonen op, så teksten bliver malet i den tilsvarende farve? Det er faktisk ret nemt, jeg skal bare opdatere skabelonens HTML-kode lidt. Lad os afslutte teorien og gå direkte til praksis.
Farvelægning af al tekst i en tabelcelle
Først og fremmest åbner jeg HTML-koden for min skabelon og tjekker den omhyggeligt:
Her er hvordan min skabelon ser ud i HTML:
Bemærk: Jeg vil i det følgende sende alle HTML-koder som tekst, så du kan kopiere dem til dine egne skabeloner og ændre dem som du vil.
Lad os se nærmere på HTML-koden ovenfor. Den første linje er bordkantens egenskaber (stil, bredde, farve osv.). Derefter kommer den første række
Jeg er interesseret i det første element i den anden række med min WHAT_TO_ENTER. Farvelægningen sker ved at tilføje følgende kode:
TEXT_TO_BE_COLOREDJeg vil dele den op i stykker og præcisere hver enkelt af dem:
- FARVE parameteren håndterer maleriet. Hvis du erstatter den med, lad os sige, "red", vil denne tekst blive rød. Men da min opgave er at vælge en farve fra dropdown-listen, vender jeg tilbage til forberedelsen et øjeblik og tager min forberedte WhatToEnter makro derfra: ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title: Vælg rabat'}]
- TEXT_TO_BE_COLORED er den tekst, der skal skraveres. I mit eksempel ville det være " ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title:'Select discount'}] rabat " (kopier denne del direkte fra den originale HTML-kode for at undgå dataforvanskning).
Her er det nye stykke kode, som jeg indsætter i min HTML:
Bemærk. Du har måske bemærket, at parameteren "column" er forskellig i de to makroer. Det skyldes, at jeg skal returnere værdien fra forskellige kolonner, dvs. kolonne: "Farvekode returnerer den farve, der skal male teksten, mens kolonne: "Rabat - diskonteringssatsen for indsættelse i en celle.
Der opstår et nyt spørgsmål - hvilket sted i HTML skal jeg placere den? Generelt set skal denne tekst erstatte TEXT_TO_BE_BE_COLORED. I mit eksempel ville det være den første kolonne (
Når jeg gemmer ændringerne og indsætter denne opdaterede skabelon, vil et pop-up vindue bede mig om at vælge en rabat. Jeg vælger 10% og min tekst bliver farvet grøn med det samme.
Skygge for en del af cellens indhold
Logikken for at farve kun en del af cellens indhold er grundlæggende den samme - du erstatter kun den tekst, der skal farves, med koden fra det foregående kapitel og lader resten af teksten forblive som den er.
Hvis jeg i dette eksempel kun skal farvelægge procentdelen (uden ordet "rabat"), åbner jeg HTML-koden, vælger den del, der ikke skal farvelægges ("rabat" i vores tilfælde), og flytter den ud af tagget:
Hvis du laver farvelægningsforberedelserne fra begyndelsen, skal du huske, at den fremtidsfarvede tekst skal stå i stedet for TEXT_TO_BE_COLORED Her er min fornyede HTML:
Se, jeg har kun placeret en del af cellens indhold inden for tagsene, og derfor vil kun denne del blive farvet, når du indsætter den.
Anvend betinget formatering på tabelceller
Lad os nu ændre opgaven en smule og prøve at fremhæve ikke teksten, men hele cellernes baggrund i den samme eksempeltabel.
Fremhæv en celle
Da jeg ændrer den samme tabel, vil jeg ikke gentage mig selv og indsætte HTML-koden for den oprindelige tabel i dette kapitel også. Rul lidt op eller hop direkte til det første eksempel i denne vejledning for at se den uændrede kode for den ufarvede tabel.
Hvis jeg ønsker at farvelægge cellens baggrund med rabatten, skal jeg også ændre HTML-koden en smule, men ændringen vil være anderledes end tekstfarvningen. Den vigtigste forskel er, at farven ikke skal anvendes på teksten, men på hele cellen.
Den celle, der skal fremhæves, ser sådan ud i HTML-formatet:
Da jeg ønsker at fremhæve en celle, skal ændringerne anvendes på celleattributten og ikke på teksten. Jeg opdeler ovenstående linje i dele, forklarer hver enkelt af dem og peger på de dele, der skal ændres:
- "style=" betyder, at rækkens celle har følgende stilegenskaber. Det er her, vi tager vores første pause. Da jeg skal indstille en brugerdefineret baggrundsfarve, ændrer jeg stil til data-sæt-stil .
- "bredde: 32,2925%; border: 1px solid black;" - Det er de standard stilegenskaber, jeg mente ovenfor. Jeg skal tilføje endnu en for at tilpasse baggrunden for den valgte celle: baggrundsfarve Da mit mål er at vælge den farve, der skal bruges, fra en rulleliste, vender jeg tilbage til min forberedelse og tager den færdige WhatToEnter derfra.
Tip. Hvis du vil have cellen malet i én farve og ikke vil have, at rullelisten skal genere dig hver gang, skal du blot erstatte en makro med farvenavnet ("blå", f.eks.). Det vil se sådan ud: ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title:'Select discount'}] rabat
- " ~%WhatToEnter[] rabat " er cellens indhold.
Så her er den opdaterede HTML ser ud:
Resten af tabellen forbliver som den er. Her kommer den resulterende HTML, der fremhæver cellen med den procentvise sats:
Når jeg gemmer denne ændring og indsætter den opdaterede tabel i en e-mail, får jeg dropdown-listen med rabatter, og den første celle bliver fremhævet som planlagt.
Farve hele rækken
Når en celle ikke er nok, maler jeg hele rækken :) Du tror måske, at du skal anvende trinene fra afsnittet ovenfor for alle cellerne i en række. Jeg vil skynde mig at skuffe dig, men proceduren vil være lidt anderledes.
I instruktionerne ovenfor har jeg vist dig, hvordan du kan opdatere cellens baggrund ved at ændre cellens HTML-stykke. Da jeg nu skal male hele rækken om, skal jeg tage dens HTML-linje og foretage ændringer direkte i den.
Nu er den uden indstillinger og ser således ud . Jeg er nødt til at tilføje data-set-style= og indsæt min WHAT_TO_ENTER derovre. I resultatet vil linjen se ud som den nedenfor:
Hele HTML-teksten for tabellen med den celle, der skal males, vil således se således ud:
Du er velkommen til at kopiere denne HTML til dine egne skabeloner for at sikre dig, at det fungerer som jeg beskriver det. Alternativt kan du stole på skærmbilledet nedenfor :)
Opsummering
Det er alt, hvad jeg ønskede at fortælle dig om betinget formatering i Outlook-tabeller i dag. Jeg viste dig, hvordan du ændrer farven på cellernes indhold og fremhæver deres baggrund. Håber jeg formåede at overbevise dig om, at der ikke er noget særligt og vanskeligt i at ændre skabelonens HTML, og du vil køre et par maleri eksperimenter af dine egne ;)
Værktøjet kan installeres fra Microsoft Store på din pc, Mac eller Windows-tablet og bruges på alle dine enheder samtidig.
Hvis du har spørgsmål eller måske forslag til formateringen af tabellerne, så lad mig det vide i kommentarerne. Jeg vil blive glad for at høre tilbage fra dig!