Obsah
V tomto článku sa dozviete, ako podmienečne formátovať tabuľky v programe Outlook. Ukážem vám, ako aktualizovať farbu textu buniek. a pozadie s farbou, ktorú vyberiete z rozbaľovacieho zoznamu.
Príprava
Skôr ako začneme našu "kresliacu lekciu" a naučíme sa podmienečne formátovať tabuľky v programe Outlook, rád by som urobil malé predstavenie našej aplikácie pre program Outlook s názvom Zdieľané šablóny e-mailov. S týmto šikovným nástrojom budete spravovať svoju korešpondenciu v programe Outlook tak rýchlo a jednoducho, ako ste si to predtým mohli len predstaviť. Doplnok vám pomôže vyhnúť sa opakovanému kopírovaniu a vytvoriť pekne vyzerajúce e-maily votázkou niekoľkých kliknutí.
Teraz je najvyšší čas vrátiť sa k našej hlavnej téme - podmienenému formátovaniu v tabuľkách programu Outlook. Inými slovami, ukážem vám, ako vyfarbiť bunky, ich okraje a obsah požadovanou farbou. Najprv sa uistite, že si pamätáte, ako sa vytvárajú tabuľky v programe Outlook.
Keďže budem vyfarbovať bunky na základe tónu, ktorý vyberiem z rozbaľovacieho zoznamu, budem musieť urobiť ešte jednu predbežnú úpravu. Ak si spomínate na môj návod na vytvorenie vyplniteľných e-mailových šablón, viete, že rozbaľovacie zoznamy sa vytvárajú pomocou datasetov. Ak máte pocit, že ste zabudli, ako sa spravujú datasety, venujte chvíľu aktualizácii svojich vedomostí na túto tému a poďme ďalej.
Teraz musím vopred uložiť súbor údajov s farbami, ktoré budem používať (nazval som ho Súbor údajov so zľavami ) a pridajte WhatToEnter makro s rozbaľovacím výberom. Tu je môj súbor údajov:
Zľava | Farebný kód |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Ak vás zaujíma, kde tieto kódy získať, vytvorte prázdnu tabuľku, prejdite do jej Vlastnosti a vyberte si ľubovoľnú farbu. V príslušnom poli sa zobrazí jej kód, pokojne ho odtiaľ skopírujte.
Vytvorím makro WHAT_TO_ENTER a pripojím ho k tomuto súboru údajov, pretože ho budem potrebovať neskôr:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]Toto malé makro mi pomôže získať rozbaľovací zoznam zliav, z ktorého si budem môcť vybrať. Keď tak urobím, potrebná časť mojej tabuľky sa vymaľuje.
Chápem, že to zatiaľ môže vyzerať nejasne, preto vás nenechám v tomto nedorozumení a začnem ukazovať, ako zmeniť farbu textu alebo zvýrazniť bunku. Budem používať základné ukážky, aby ste získali predstavu a mohli tento postup reprodukovať s vlastnými údajmi.
Začnime.
Zmena farby písma textu v tabuľke
Začnime s tieňovaním nejakého textu v tabuľke. Pripravil som šablónu s ukážkou tabuľky pre naše experimenty s maľovaním:
Mojím cieľom je vyfarbiť text príslušnou farbou v závislosti od výberu z rozbaľovacieho zoznamu. Inými slovami, chcem vložiť šablónu, vybrať potrebnú zľavovú sadzbu z rozbaľovacieho zoznamu a tento vložený text sa vyfarbí. Akou farbou? Prejdite na súbor údajov v prípravnej časti, uvidíte, že každá zľavová sadzba má svoj vlastný farebný kód. Toto je požadovaná farba, ktorá by mala byťpoužité.
Keďže chcem, aby sa zľava pridávala z rozbaľovacieho zoznamu, musím do tejto bunky vložiť makro WhatToEnter. Máte pocit, že si potrebujete osviežiť pamäť na túto tému? Nájdite si chvíľu a pozrite si jeden z mojich predchádzajúcich návodov ;)
Výsledná tabuľka bude vyzerať takto:
Ukážka hlavičky 1 | Ukážka hlavičky 2 | Ukážka hlavičky 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] zľava |
Pozrite sa, zľavová sadzba sa pridá z rozbaľovacieho zoznamu a slovo "zľava" tam bude aj tak.
Ako však môžem nastaviť šablónu tak, aby sa text vyfarbil príslušnou farbou? Vlastne celkom jednoducho, len budem musieť trochu aktualizovať HTML šablóny. Dokončíme teoretickú časť a prejdeme priamo k praxi.
Zafarbenie všetkého textu v bunke tabuľky
Najprv otvorím kód HTML svojej šablóny a pozorne ho skontrolujem:
Takto vyzerá moja šablóna v jazyku HTML:
Poznámka: Ďalej zverejním všetky kódy HTML ako text, aby ste si ich mohli skopírovať do vlastných šablón a upraviť podľa svojich predstáv.
Pozrime sa na vyššie uvedené HTML veľmi pozorne. Prvý riadok sú vlastnosti ohraničenia tabuľky (štýl, šírka, farba atď.). Potom nasleduje prvý riadok
Zaujíma ma prvý prvok druhého riadku s mojím WHAT_TO_ENTER. Vyfarbenie sa vykoná pridaním nasledujúceho kusu kódu:
TEXT_TO_BE_COLOREDRozdelím ju na časti a každú z nich vám objasním:
- Stránka FARBA Parameter spracováva maľbu. Ak ho nahradíte povedzme "červenou", tento text bude červený. Keďže však mojou úlohou je vybrať farbu z rozbaľovacieho zoznamu, na chvíľu sa vrátim k príprave a vezmem si pripravený WhatToEnter makro odtiaľ: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Vybrať zľavu'}]
- TEXT_TO_BE_COLORED je text, ktorý sa má tieňovať. V mojom konkrétnom príklade by to bolo " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] zľava " (skopírujte túto časť priamo z pôvodného kódu HTML, aby nedošlo k poškodeniu údajov).
Tu je nová časť kódu, ktorú vložím do svojho HTML:
Poznámka: Možno ste si všimli, že parameter "stĺpec" sa v týchto dvoch makrách líši. Je to preto, že potrebujem vrátiť hodnotu z rôznych stĺpcov, t. j. stĺpec:'Kód farby' vráti farbu, ktorou sa vyfarbí text, zatiaľ čo stĺpec:'Discount' - diskontnú sadzbu pre vloženie do bunky.
Vyvstáva nová otázka - na ktoré miesto v HTML ho mám umiestniť? Všeobecne povedané, tento text by mal nahradiť TEXT_TO_BE_COLORED. V mojej vzorke by to bol prvý stĺpec (
Po uložení zmien a vložení tejto aktualizovanej šablóny sa zobrazí vyskakovacie okno s výzvou na výber zľavy. Vyberiem 10 % a môj text sa hneď zafarbí na zeleno.
Odtienenie časti obsahu bunky
Logika pre zafarbenie iba časti obsahu bunky je v podstate rovnaká - nahradíte iba text, ktorý má byť zafarbený, kódom z predchádzajúcej kapitoly a zvyšok textu ponecháte tak, ako je.
V tomto príklade, ak potrebujem vyfarbiť len percento (bez slova "zľava"), otvorím kód HTML, vyberiem časť, ktorú netreba vyfarbiť (v našom prípade "zľava"), a presuniem ju mimo značky:
V prípade, že sa na vyfarbovanie pripravujete od samého začiatku, majte na pamäti, že budúci farebný text ide na miesto TEXT_TO_BE_COLORED Zvyšok zostáva po skončení. Tu je moje obnovené HTML:
Vidíte? Do značiek som umiestnil len časť obsahu bunky, preto sa pri vkladaní zafarbí len táto časť.
Použitie podmieneného formátovania na bunky tabuľky
Teraz trochu zmeníme úlohu a pokúsime sa zvýrazniť nie text, ale celé pozadie buniek v tej istej vzorovej tabuľke.
Zvýraznite jednu bunku
Keďže upravujem tú istú tabuľku, nebudem sa opakovať a vložím kód HTML pôvodnej tabuľky aj do tejto kapitoly. Ak chcete vidieť nezmenený kód nezafarbenej tabuľky, posúvajte sa trochu vyššie alebo skočte hneď na prvý príklad tohto návodu.
Ak chcem pozadie bunky odtieniť zľavou, budem musieť tiež trochu upraviť HTML, ale úprava sa bude líšiť od zafarbenia textu. Hlavný rozdiel spočíva v tom, že farba by sa nemala aplikovať na text, ale na celú bunku.
Takto vyzerá bunka, ktorá má byť zvýraznená, vo formáte HTML:
Keďže chcem zvýrazniť bunku, zmeny by sa mali aplikovať na atribút bunky, nie na text. Uvedený riadok rozdelím na časti, každú z nich objasním a poukážem na časti, ktoré je potrebné zmeniť:
- "style=" znamená, že bunka riadku má tieto vlastnosti štýlu. Tu urobíme prvú prestávku. Keďže mám nastaviť vlastnú farbu pozadia, zmením štýl na dátový súbor v štýle .
- "width: 32.2925%; border: 1px solid black;" - Toto sú predvolené vlastnosti štýlu, ktoré som mal na mysli vyššie. Potrebujem pridať ďalšiu na prispôsobenie pozadia vybranej bunky: farba pozadia . Keďže mojím cieľom je vybrať farbu, ktorú chcem použiť, z rozbaľovacieho zoznamu, vrátim sa k svojej príprave a prevezmem odtiaľ pripravený WhatToEnter.
Tip. Ak chcete, aby bola bunka vyfarbená jednou farbou, a nechcete, aby vás rozbaľovací zoznam zakaždým otravoval, stačí nahradiť makro názvom farby ("modrá", napríklad). Bude to vyzerať takto: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] zľava
- " ~%WhatToEnter[] zľava " je obsah bunky.
Tak, tu je aktualizovaný HTML vyzerá:
Zvyšok tabuľky zostane tak, ako je. Tu je výsledné HTML, ktoré zvýrazní bunku s percentuálnou sadzbou:
Keď túto zmenu uložím a vložím aktualizovanú tabuľku do e-mailu, zobrazí sa rozbaľovací zoznam so zľavami a prvá bunka bude zvýraznená podľa plánu.
Farba celého riadku
Keď nestačí jedna bunka, vymaľujem celý riadok :) Možno si myslíte, že kroky z predchádzajúcej časti budete musieť aplikovať na všetky bunky v riadku. Ponáhľam sa vás sklamať, postup sa bude trochu líšiť.
Vo vyššie uvedených pokynoch som vám ukázal, ako aktualizovať pozadie bunky úpravou kúska HTML tejto bunky. Keďže sa teraz chystám premaľovať celý riadok, budem musieť vziať jeho riadok HTML a aplikovať zmeny priamo naň.
Teraz je bez možností a vyzerá takto . Budem musieť pridať data-set-style= a vložte tam môj WHAT_TO_ENTER. Vo výsledku bude riadok vyzerať tak, ako je uvedené nižšie:
Celé HTML tabuľky s bunkou, ktorá má byť vymaľovaná, bude teda vyzerať takto:
Neváhajte a skopírujte si toto HTML pre svoje vlastné šablóny, aby ste sa uistili, že funguje tak, ako opisujem. Prípadne verte snímke obrazovky nižšie :)
Zhrnutie
To je všetko, čo som vám dnes chcel povedať o podmienenom formátovaní v tabuľkách programu Outlook. Ukázal som vám, ako zmeniť farbu obsahu buniek a zvýrazniť ich pozadie. Dúfam, že sa mi podarilo presvedčiť vás, že na úprave HTML šablóny nie je nič zvláštne a zložité, a že si spustíte niekoľko vlastných experimentov s maľovaním ;)
Nástroj môžete nainštalovať z obchodu Microsoft Store do počítača, počítača Mac alebo tabletu so systémom Windows a používať ho na všetkých zariadeniach súčasne.
Ak máte nejaké otázky alebo prípadne návrhy týkajúce sa formátovania tabuliek, dajte mi vedieť v komentároch. Budem rád, ak sa mi ozvete!