Sadržaj
U ovom članku ćete naučiti kako uslovno formatirati tabele u programu Outlook. Pokazat ću vam kako ažurirati boju teksta u ćelijama i pozadine bojom koju odaberete sa padajuće liste.
Priprema
Prije nego što započnemo našu "lekciju crtanja" i naučimo kako uslovno formatirati tabele u Outlooku, želio bih napraviti mali uvod o naša aplikacija za Outlook pod nazivom Shared Email Templates. Pomoću ovog praktičnog alata upravljat ćete svojom korespondencijom u Outlooku brzo i jednostavno kao što ste prije mogli zamisliti. Dodatak će vam pomoći da izbjegnete ponavljajuće kopiranje i zalijepite i kreirate e-poštu lijepog izgleda u nekoliko klikova.
Sada je krajnje vrijeme da se vratimo na našu glavnu temu – uslovno formatiranje u Outlook tabelama. Drugim riječima, pokazat ću vam kako da obojite ćelije, njihove ivice i sadržaj u željenu boju. Prije svega, provjerite jeste li zapamtili kako kreirati tabele u Outlook-u.
Pošto ću bojati ćelije na osnovu tona koji odaberem sa padajuće liste, morat ću napraviti još jedan unaprijed dogovor. Ako se sjećate mog vodiča o tome kako kreirati predloške e-pošte koji se mogu ispuniti, znate da se padajuće liste kreiraju uz pomoć skupova podataka. Odvojite trenutak da ažurirate svoje znanje o ovoj temi ako se osjećate kao da ste zaboravili kako upravljati skupovima podataka i idemo dalje.
Sada moram unaprijed sačuvati skup podataka sa bojama koje ću koristiti (ja sam to nazvaodrago mi je što ste mi odgovorili!
Skup podataka sa popustima) i dodajte makro WhatToEnters padajućim izborom. Dakle, evo mog skupa podataka:Popust | Kôd boje |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Ako se pitate gdje nabaviti te kodove, samo kreirajte praznu tabelu, idite na njegove Svojstva i odaberite bilo koju boju. Vidjet ćete njegov kod u odgovarajućem polju, slobodno ga kopirajte odmah odatle.
Kreiram makro WHAT_TO_ENTER i povezujem ga sa ovim skupom podataka jer će mi trebati kasnije:
~%WhatToEnter[{dataset:'Set podataka sa popustima',kolona:'Popust',naslov: Odaberite popust'}]Ovaj mali makro će mi pomoći da izaberem padajući meni popusta. Kada to učinim, potreban dio moje tablice će biti obojen.
Razumijem koliko bi to sada moglo izgledati nejasno, tako da vas neću ostaviti s ovim nesporazumom i početi vam pokazati kako promijeniti boju teksta ili označite ćeliju. Koristit ću osnovne uzorke kako biste mogli dobiti ideju i reproducirati ovu proceduru sa svojim vlastitim podacima.
Hajde da počnemo.
Promijenite boju fonta teksta u tabeli
Počnimo sa senčenjem teksta u tabeli. Pripremio sam predložak sa uzorkom tabele za naše eksperimente sa slikanjem:
Moj cilj je obojiti tekst u odgovarajuću boju u zavisnosti od padajućeg izbora. Drugim riječima, želim zalijepiti šablon, izabrati potrebnu stopu popusta sa padajuće liste i ovaj zalijepljeni tekst će biti obojen. U kojoj boji? Pomaknite se do skupa podataka u pripremnom dijelu, vidjet ćete da svaka diskontna stopa ima svoj vlastiti kod boje. Ovo je željena boja koju treba koristiti.
Pošto želim da se popust doda sa padajuće liste, moram da zalijepim makro WhatToEnter u ovu ćeliju. Osjećate da trebate osvježiti pamćenje na ovu temu? Odvojite trenutak da pogledate jedan od mojih prethodnih tutorijala ;)
Dakle, rezultirajuća tabela će izgledati ovako:
Primjer zaglavlja 1 | Uzorak zaglavlja 2 | Primjer zaglavlja 3 |
~%WhatToEnter[ {dataset:'Set podataka sa popustima', stupac:'Popust', title:'Odaberi popust'} ] popust |
Pogledajte, diskontna stopa će biti dodata sa padajuće liste i reči “popust” ionako će biti tu.
Ali kako mogu postaviti predložak tako da tekst bude obojan u odgovarajuću boju? Zapravo, prilično lako, samo ću morati malo da ažuriram HTML predloška. Završimo teorijski dio i idemo desno na praksu.
Obojite sav tekst u ćeliji tabele
PrvoIsključeno, otvaram HTML kod svog predloška i pažljivo ga provjeravam:
Evo kako moj predložak izgleda u HTML-u:
Napomena. Dalje ću objaviti sve HTML kodove kao tekst kako biste ih mogli kopirati u svoje vlastite šablone i modificirati kako želite.
Hajde da izbliza pogledamo gornji HTML. Prvi red su svojstva ivice tabele (stil, širina, boja, itd.). Zatim ide prvi red
Zanima me prvi element drugog reda sa mojim WHAT_TO_ENTER. Bojanje će se obaviti dodavanjem sljedećeg koda:
TEXT_TO_BE_COLOREDRazlomit ću ga na komade za vas i pojasniti svaki od njih:
- BOJA parametar upravlja slikanjem. Ako ga zamijenite sa, recimo, "crvenim", ovaj tekst će postati crven. Međutim, kako je moj zadatak da odaberem boju sa padajuće liste, vratit ću se na pripremu na sekundu i odatle preuzeti svoj pripremljeni makro WhatToEnter : ~%WhatToEnter[{dataset: 'Skup podataka sa popustima',kolona:'Popust',naslov: Odaberi popust'}]
- TEXT_TO_BE_COLORED je tekst koji treba zasjeniti. U mom konkretnom primjeru, to bi bilo “ ~%WhatToEnter[{dataset:'Set podataka sa popustima',kolona:'Popust',title:'Odaberi popust'}] popust ” (kopirajte ovaj komad direktno saoriginalni HTML kod da se izbjegne oštećenje podataka).
Ovo je novi dio koda koji ću umetnuti u svoj HTML:
Napomena. Možda ste primijetili da se parametar “kolona” razlikuje u ta dva makroa. To je zato što moram da vratim vrijednost iz različitih kolona, tj. kolona:'Color code' će vratiti boju koja će obojiti tekst dok kolona:'Popust' – popust stopa za lijepljenje u ćeliju.
Postavlja se novo pitanje – na koje mjesto HTML-a da ga postavim? Općenito govoreći, ovaj tekst bi trebao zamijeniti TEXT_TO_BE_COLORED. U mom uzorku, to bi bila prva kolona (
Kada spremim promjene i zalijepim ovaj ažurirani šablon, iskačući prozor će od mene tražiti da odaberem popust. Odaberem 10% i moj tekst odmah dobije zelenu boju.
Osjeniti dio sadržaja ćelije
Logika bojanja samo dijela ćelijesadržaj je u osnovi isti – zamjenjujete samo tekst koji treba nijansirati kodom iz prethodnog poglavlja ostavljajući ostatak teksta kakav jeste.
U ovom primjeru, ako trebam obojiti samo postotak (bez riječi “popust”), otvorit ću HTML kod, odabrati dio koji ne treba bojati (u našem slučaju “popust”) i premjestiti ga iz oznake:
U U slučaju da pripremate bojenje od samog početka, samo imajte na umu da tekst u boji budućnosti ide umjesto TEXT_TO_BE_COLORED , ostatak ostaje nakon završetka . Evo mog obnovljenog HTML-a:
Vidiš? Postavio sam samo dio sadržaja svoje ćelije unutar oznaka, stoga će samo ovaj dio biti obojen prilikom lijepljenja.
Primijenite uvjetno oblikovanje na ćelije tablice
Sada malo promijenimo zadatak i pokušajmo istaknuti ne tekst, već cijelu pozadinu ćelija u istoj tablici uzorka.
Označite jednu ćeliju
Pošto mijenjam istu tabelu, neću se ponavljati i zalijepiti HTML kod originalne tabele iu ovo poglavlje. Pomaknite se malo gore ili skočite desno na prvi primjerovaj vodič da vidite nepromijenjeni kod neobojene tablice.
Ako želim zasjeniti pozadinu ćelije s popustom, također ću morati malo izmijeniti HTML, ali će se modifikacija razlikovati od bojanje teksta. Glavna razlika je u tome što boju treba primijeniti ne na tekst, već na cijelu ćeliju.
Označena ćelija izgleda ovako u HTML formatu:
Pošto želim da istaknem ćeliju, promjene treba primijeniti na atribut ćelije, a ne na tekst. Prekinut ću gornju liniju na dijelove, pojasniti svaki od njih i pokazati na dijelove koje treba promijeniti:
- “style=” znači da ćelija reda ima sljedeća svojstva stila. Ovdje pravimo našu prvu pauzu. Kako trebam postaviti prilagođenu boju pozadine, mijenjam style u data-set-style .
- "width: 32.2925%; granica: 1px puna crna;" – to su standardna svojstva stila na koja sam mislio gore. Moram da dodam još jednu da prilagodim pozadinu izabrane ćelije: boja pozadine . Pošto je moj cilj da odaberem boju koju ću koristiti sa padajuće liste, vraćam se na pripremu i odatle preuzimam spreman WhatToEnter.
Savjet. Ako želite da ćelija bude obojena u jednoj boji i ne želite da vam padajući popis svaki put smeta,samo zamijenite makro imenom boje (na primjer, „plava“). To će izgledati ovako: ~%WhatToEnter[{dataset:'Set podataka sa popustima',kolona:'Popust',naslov:'Odaberi popust'}] popust
- “ ~%WhatToEnter[] popust ” je sadržaj ćelije.
Dakle, evo ažuriranog HTML izgleda:
Ostatak tabele ostaje isti. Evo rezultirajućeg HTML-a koji će istaknuti ćeliju s postotnom stopom:
Kada sačuvam ovu promjenu i zalijepim ažuriranu tabelu u e-poruku, dobiću padajuću listu sa popustima i prva ćelija će biti istaknuta kako je planirano.
Oboji cijeli red
Kada jedna ćelija nije dovoljna, bojim cijeli red :) Možda mislite da ćete morati primijeniti korake iz gornjeg odjeljka za sve ćelije u red. Požuriću da vas razočaram, procedura će se malo razlikovati.
U gornjim uputstvima sam vam pokazao kako da ažurirate pozadinu ćelije menjajući HTML deo ove ćelije. Od sada se spremam da prefarbam celured, morat ću uzeti njegovu HTML liniju i primijeniti promjene pravo na njega.
Sada je bez opcija i izgleda kao . Trebat će mi da dodate data-set-style= i zalijepite moj WHAT_TO_ENTER tamo. Kao rezultat, linija će izgledati ovako:
Dakle, cijeli HTML tabele sa ćelijom koja se slika će izgledati ovako:
Slobodno kopirajte ovaj HTML za svoje vlastite predloške kako biste bili sigurni da radi kako opisujem. Alternativno, vjerujte snimku ekrana ispod :)
Sum up
To je sve što sam želio da vam kažem o uslovnom formatiranju u Outlook tabelama danas. Pokazao sam vam kako promijeniti boju sadržaja ćelija i istaknuti njihovu pozadinu. Nadam se da sam vas uspio uvjeriti da nema ništa posebno i teško u modificiranju HTML-a predloška i da ćete pokrenuti nekoliko vlastitih eksperimenata sa slikanjem ;)
FYI, alat se može instalirati iz Microsoft Store-a na vašem PC, Mac ili Windows tablet i koristi se na svim vašim uređajima istovremeno.
Ako imate bilo kakvih pitanja ili, možda, prijedloga o formatiranju tabela, javite mi u komentarima. ja ću biti