V tomto článku se dozvíte, jak podmíněně formátovat tabulky v aplikaci Outlook. Ukážu vám, jak aktualizovat barvu textu buněk. a pozadí s barvou, kterou vyberete z rozevíracího seznamu.

Příprava

Než začneme naši "kreslící lekci" a naučíme se podmíněně formátovat tabulky v Outlooku, rád bych vám trochu představil naši aplikaci pro Outlook s názvem Šablony sdílených e-mailů. S tímto šikovným nástrojem budete spravovat svou korespondenci v Outlooku tak rychle a snadno, jak jste si to dříve dokázali jen představit. Doplněk vám pomůže vyhnout se opakovanému kopírování a vytvářet pěkně vypadající e-maily v rámciotázkou několika kliknutí.

Nyní je nejvyšší čas vrátit se k našemu hlavnímu tématu - podmíněnému formátování v tabulkách aplikace Outlook. Jinými slovy, ukážu vám, jak obarvit buňky, jejich okraje a obsah požadovanou barvou. Nejprve se ujistěte, že si pamatujete, jak se v aplikaci Outlook vytvářejí tabulky.

Protože budu vybarvovat buňky na základě tónu, který vyberu z rozevíracího seznamu, budu muset provést ještě jednu předběžnou úpravu. Pokud si vzpomínáte na můj návod, jak vytvořit vyplnitelné e-mailové šablony, víte, že rozevírací seznamy se vytvářejí pomocí datových sad. Pokud máte pocit, že jste zapomněli, jak se datové sady spravují, věnujte chvíli aktualizaci svých znalostí na toto téma a pojďme dál.

Nyní musím předem uložit datovou sadu s barvami, které budu používat (nazval jsem ji Datový soubor se slevami ) a přidejte WhatToEnter makro s rozbalovacím výběrem. Zde je můj soubor dat:

Pokud vás zajímá, kde tyto kódy získáte, vytvořte prázdnou tabulku, přejděte do jejího pole Vlastnosti a vyberte libovolnou barvu. Její kód se zobrazí v příslušném poli, klidně ho zkopírujte přímo odtud.

Vytvořím makro WHAT_TO_ENTER a připojím ho k této datové sadě, protože ho budu potřebovat později:

Toto malé makro mi pomůže získat rozbalovací nabídku slev, ze které si budu moci vybrat. Jakmile tak učiním, potřebná část mé tabulky se vybarví.

Chápu, jak nepřehledně to zatím může vypadat, takže vás nenechám v tomto nepochopení a začnu ukazovat, jak změnit barvu textu nebo zvýraznit buňku. Budu používat základní ukázky, abyste si mohli udělat představu a reprodukovat tento postup s vlastními daty.

Začněme.

Změna barvy písma textu v tabulce

Začneme stínováním textu v tabulce. Pro naše malířské pokusy jsem připravil šablonu s ukázkovou tabulkou:

Mým cílem je obarvit text příslušnou barvou v závislosti na rozbalovacím výběru. Jinými slovy, chci vložit šablonu, z rozbalovacího seznamu vybrat potřebnou slevovou sazbu a tento vložený text se obarví. Jakou barvou? Přejděte na datovou sadu v přípravné části, uvidíte, že každá slevová sazba má svůj vlastní barevný kód. To je požadovaná barva, která by měla býtpoužity.

Protože chci, aby se sleva přidávala z rozevíracího seznamu, musím do této buňky vložit makro WhatToEnter. Máte pocit, že si potřebujete osvěžit paměť na toto téma? Najděte si chvilku a podívejte se na jeden z mých předchozích návodů ;)

Výsledná tabulka tedy bude vypadat takto:

Podívejte se, že slevová sazba bude přidána z rozbalovacího seznamu a slovo "sleva" tam bude tak jako tak.

Jak ale nastavit šablonu tak, aby se text vybarvil odpovídající barvou? Vlastně docela snadno, jen budu muset trochu aktualizovat HTML šablony. Teoretickou část ukončíme a přejdeme rovnou k praxi.

Vybarvení veškerého textu v buňce tabulky

Nejprve otevřu kód HTML své šablony a pečlivě jej zkontroluji:

Takto vypadá moje šablona v jazyce HTML:

Poznámka: Dále zveřejním všechny kódy HTML jako text, abyste si je mohli zkopírovat do vlastních šablon a upravit podle svých představ.

Podívejme se na výše uvedené HTML velmi zblízka. První řádek jsou vlastnosti okraje tabulky (styl, šířka, barva atd.). Pak následuje první řádek. (3 prvky datových buněk tabulky pro 3 sloupce) s jejich atributy. Dále vidíme kód druhého řádku.

Zajímá mě první prvek druhého řádku s mým WHAT_TO_ENTER. Obarvení se provede přidáním následujícího kusu kódu:

Rozdělím je na části a každou z nich vám objasním:

• Na stránkách COLOR Parametr zpracovává barvu. Pokud ji nahradíme řekněme "červenou", bude tento text červený. Protože však mým úkolem je vybrat barvu z rozbalovacího seznamu, vrátím se na chvíli k přípravě a vezmu si připravený WhatToEnter makro odtud: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Vybrat slevu'}]
• TEXT_TO_BE_COLORED je text, který je třeba vystínovat. V mém konkrétním příkladu by to bylo " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva " (tuto část zkopírujte přímo z původního kódu HTML, aby nedošlo k poškození dat).

Zde je nový kus kódu, který vložím do svého HTML:

Poznámka: Možná jste si všimli, že parametr "sloupec" se v těchto dvou makrech liší. Je to proto, že potřebuji vrátit hodnotu z různých sloupců, tj. sloupec:'Kód barvy' vrátí barvu, kterou bude text vybarven, zatímco barva sloupec:'Discount' - diskontní sazbu pro vložení do buňky.

Vyvstává nová otázka - na jaké místo v HTML ho mám umístit? Obecně řečeno, tento text by měl nahradit TEXT_TO_BE_COLORED. V mém příkladu by to byl první sloupec ( ) druhého řádku (sloupce). Nahradím tedy makro WTE a slovo "sleva" výše uvedeným kódem a získám následující HTML:

Ukázka záhlaví 1

Ukázka záhlaví 2

Ukázka záhlaví 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva

Jakmile uložím změny a vložím tuto aktualizovanou šablonu, zobrazí se vyskakovací okno s výzvou k výběru slevy. Vyberu 10 % a můj text se hned vybarví zeleně.

Zastínění části obsahu buňky

Logika obarvení pouze části obsahu buňky je v podstatě stejná - kódem z předchozí kapitoly nahradíte pouze text, který má být obarven, a zbytek textu ponecháte tak, jak je.

Pokud v tomto příkladu potřebuji obarvit pouze procenta (bez slova "sleva"), otevřu kód HTML, vyberu část, která nemá být obarvena (v našem případě "sleva"), a přesunu ji mimo značku:

V případě, že se na vybarvování připravujete od samého začátku, mějte na paměti, že budoucí vybarvený text se umístí na místo. TEXT_TO_BE_COLORED , zbytek zůstává po ukončení. Zde je můj obnovený HTML:

Ukázka záhlaví 1

Ukázka záhlaví 2

Ukázka záhlaví 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva

Vidíte? Do značek jsem umístil jen část obsahu buňky, a proto se při vkládání zabarví jen tato část.

Použití podmíněného formátování na buňky tabulky

Nyní trochu změníme zadání a zkusíme ve stejné ukázkové tabulce zvýraznit nikoli text, ale celé pozadí buněk.

Zvýrazněte jednu buňku

Protože upravuji stejnou tabulku, nebudu se opakovat a vložím kód HTML původní tabulky i do této kapitoly. Pro zobrazení nezměněného kódu nezabarvené tabulky se posuňte o kousek výše nebo přeskočte rovnou na první příklad tohoto tutoriálu.

Pokud budu chtít odstínit pozadí buňky se slevou, budu muset také trochu upravit HTML, ale úprava se bude lišit od obarvení textu. Hlavní rozdíl spočívá v tom, že barva by se neměla aplikovat na text, ale na celou buňku.

Buňka, která má být zvýrazněna, vypadá ve formátu HTML takto:

Protože chci zvýraznit buňku, měly by se změny aplikovat na atribut buňky, nikoliv na text. Výše uvedený řádek rozdělím na části, každou z nich objasním a poukážu na části, které je třeba změnit:

• "style=" znamená, že buňka řádku má následující vlastnosti stylu. Zde uděláme první přestávku. Protože mám nastavit vlastní barvu pozadí, změním styl na ve stylu datové sady .
• "width: 32.2925%; border: 1px solid black;" - To jsou výchozí vlastnosti stylu, které jsem měl na mysli výše. Potřebuji přidat další, abych mohl přizpůsobit pozadí vybrané buňky: barva pozadí . Protože mým cílem je vybrat z rozevíracího seznamu barvu, kterou chci použít, vrátím se k přípravě a převezmu odtud připravený WhatToEnter.

Tip: Pokud chcete, aby byla buňka vybarvena jednou barvou, a nechcete, aby vás pokaždé obtěžoval rozevírací seznam, stačí nahradit makro názvem barvy ("modrá", například). Bude to vypadat takto: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva

• " ~%WhatToEnter[] sleva " je obsah buňky.

Zde je tedy aktualizovaný vzhled HTML:

Zbytek tabulky zůstane tak, jak je. Zde je výsledné HTML, které zvýrazní buňku s procentní sazbou:

Ukázka záhlaví 1

Ukázka záhlaví 2

Ukázka záhlaví 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva

Když tuto změnu uložím a vložím aktualizovanou tabulku do e-mailu, zobrazí se mi rozbalovací seznam se slevami a první buňka bude zvýrazněna podle plánu.

Barva celého řádku

Když nestačí jedna buňka, vybarvím celý řádek :) Možná si myslíte, že kroky z předchozí části budete muset použít pro všechny buňky v řádku. Spěchám vás zklamat, postup se bude trochu lišit.

Ve výše uvedených pokynech jsem vám ukázal, jak aktualizovat pozadí buňky úpravou kusu HTML této buňky. Protože se nyní chystám překreslit celý řádek, budu muset vzít jeho řádek HTML a aplikovat změny přímo na něj.

Nyní je bez možností a vypadá takto . Budu muset přidat data-set-style= a vložte tam můj WHAT_TO_ENTER. Ve výsledku bude řádek vypadat jako níže:

Celé HTML tabulky s buňkou, která má být vybarvena, bude tedy vypadat takto:

Ukázka záhlaví 1

Ukázka záhlaví 2

Ukázka záhlaví 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] sleva

Klidně si tento HTML kód zkopírujte pro své vlastní šablony, abyste se ujistili, že funguje tak, jak popisuji. Případně věřte obrázku níže :)

Shrnutí

To je vše, co jsem vám dnes chtěl říci o podmíněném formátování v tabulkách Outlooku. Ukázal jsem vám, jak změnit barvu obsahu buněk a zvýraznit jejich pozadí. Doufám, že se mi podařilo přesvědčit vás, že na úpravě HTML šablony není nic zvláštního a složitého, a že provedete pár vlastních malovacích experimentů ;)

Nástroj lze nainstalovat z obchodu Microsoft Store do počítače PC, počítače Mac nebo tabletu se systémem Windows a používat jej na všech zařízeních současně.

Pokud máte nějaké dotazy nebo třeba návrhy ohledně formátování tabulek, dejte mi prosím vědět do komentářů. Budu ráda, když mi odpovíte!