Sadržaj
U ovom ćete članku naučiti kako uvjetno oblikovati tablice u programu Outlook. Pokazat ću vam kako ažurirati boju teksta ćelija i pozadinu bojom koju odaberete s padajućeg popisa.
Priprema
Prije nego što započnemo našu “satu crtanja” i naučimo kako uvjetno formatirati tablice u programu Outlook, želio bih napraviti mali uvod u našu aplikaciju za Outlook pod nazivom Shared Email Templates. Pomoću ovog praktičnog alata upravljat ćete svojim dopisivanjem u Outlooku tako brzo i jednostavno kako ste prije mogli zamisliti. Dodatak će vam pomoći da izbjegnete ponavljajuće kopiranje i lijepljenje i izradite e-poruke lijepog izgleda u nekoliko klikova.
Sada je krajnje vrijeme da se vratimo našoj glavnoj temi – uvjetnom oblikovanju u Outlook tablicama. Drugim riječima, pokazat ću vam kako obojiti ćelije, njihove obrube i sadržaj u željenu boju. Prvo, provjerite jeste li zapamtili kako izraditi tablice u Outlooku.
Budući da ću bojiti ćelije na temelju tona koji odaberem s padajućeg popisa, morat ću napraviti još jedan preduvjet. Ako se sjećate mog vodiča o stvaranju predložaka e-pošte koji se mogu ispuniti, znate da se padajući popisi stvaraju uz pomoć skupova podataka. Odvojite trenutak da obnovite svoje znanje o ovoj temi ako se osjećate kao da ste zaboravili kako upravljati skupovima podataka i idemo dalje.
Sada moram unaprijed spremiti skup podataka s bojama koje ću koristiti (ja sam to nazvaodrago mi je što si se javio!
Skup podataka s popustima) i dodajte makronaredbu WhatToEnters padajućim odabirom. Dakle, ovo je moj skup podataka:| Popust | Kod boje |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Ako se pitate gdje nabaviti te kodove, samo stvorite praznu tablicu, idite na njegova Svojstva i odaberite bilo koju boju. Vidjet ćete njegov kod u odgovarajućem polju, slobodno ga kopirajte od tamo. 
Kreiram makronaredbu WHAT_TO_ENTER i povezujem je s ovim skupom podataka jer će mi kasnije trebati:
~%WhatToEnter[{dataset:'Skup podataka s popustima',stupac:'Popust',naslov: Odaberite popust'}]Ovaj mali makro pomoći će mi da dobijem padajući izbornik za popust. Nakon što to učinim, potreban dio moje tablice bit će obojan.
Razumijem koliko nejasno može izgledati sada pa vas neću ostaviti s ovim nesporazumom i početi pokazivati kako promijeniti boju teksta ili označite ćeliju. Koristit ću osnovne uzorke kako biste mogli dobiti ideju i reproducirati ovaj postupak sa svojim podacima.
Započnimo.
Promijenite boju fonta teksta u tablici
Počnimo sa sjenčanjem teksta u tablici. Pripremio sam predložak s tablicom uzoraka za naše eksperimente slikanja:
Moj cilj je obojiti tekst u odgovarajuću boju ovisno o odabiru padajućeg izbornika. Drugim riječima, želim zalijepiti predložak, odabrati potrebnu stopu popusta s padajućeg popisa 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 svoju šifru boje. Ovo je željena boja koju treba koristiti.
Kako bih želio da se popust doda s padajućeg popisa, moram zalijepiti makronaredbu WhatToEnter u ovu ćeliju. Osjećate li da trebate osvježiti pamćenje o ovoj temi? Odvojite trenutak i pogledajte jedan od mojih prethodnih vodiča ;)
Dakle, rezultirajuća tablica izgledat će ovako:
| Uzorak zaglavlja 1 | Uzorak zaglavlja 2 | Uzorak zaglavlja 3 |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount |
Vidite, stopa popusta bit će dodana s padajućeg popisa i riječi “popust” svejedno će biti tamo.
Ali kako mogu postaviti predložak tako da tekst bude obojen u odgovarajuću boju? Zapravo prilično jednostavno, samo ću morati malo ažurirati HTML predloška. Završimo teorijski dio i prijeđimo odmah na praksu.
Oboji sav tekst u ćeliji tablice
Prvoisključen, otvaram HTML kod svog predloška i pažljivo ga provjeravam: 
Evo kako moj predložak izgleda u HTML-u: 
Napomena. Nadalje ću objaviti sve HTML kodove kao tekst kako biste ih mogli kopirati u vlastite predloške i modificirati kako želite.
Pogledajmo izbliza gornji HTML. Prvi redak su svojstva obruba tablice (stil, širina, boja itd.). Zatim ide prvi red
Zanima me prvi element drugog retka s mojim WHAT_TO_ENTER. Bojanje će se izvršiti dodavanjem sljedećeg dijela koda:
TEXT_TO_BE_COLOREDRazdvojit ću ga na dijelove za vas i razjasniti svaki od njih:
- BOJA parametar upravlja slikanjem. Ako ga zamijenite s, recimo, "crvenim", ovaj će tekst postati crven. Međutim, budući da je moj zadatak odabrati boju s padajućeg popisa, vratit ću se na pripremu na sekundu i odande preuzeti svoju pripremljenu WhatToEnter makronaredbu: ~%WhatToEnter[{dataset: 'Skup podataka s popustima', stupac: 'Popust', naslov: Odaberite popust'}]
- TEXT_TO_BE_COLORED je tekst koji je potrebno zasjeniti. U mom konkretnom primjeru, to bi bilo “ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount ” (kopirajte ovaj dio izravno izizvorni HTML kod kako bi se izbjeglo oštećenje podataka).
Ovo je novi dio koda koji ću umetnuti u svoj HTML:
Napomena. Možda ste primijetili da se parametar "stupac" razlikuje u te dvije makronaredbe. To je zato što trebam vratiti vrijednost iz različitih stupaca, tj. column:'Color code' će vratiti boju koja će obojiti tekst dok column:'Discount' – popust stopa za lijepljenje u ćeliju.
Postavlja se novo pitanje – na koje mjesto u HTML-u da ga postavim? Općenito govoreći, ovaj tekst bi trebao zamijeniti TEXT_TO_BE_COLORED. U mom uzorku, to bi bio prvi stupac (
Nakon što spremim promjene i zalijepim ovaj ažurirani predložak, skočni prozor od mene će tražiti da odaberem popust. Odaberem 10% i moj tekst se odmah oboji u zeleno. 
Sjenčanje dijela sadržaja ćelije
Logika za bojanje samo dijela ćelijesadržaj je u osnovi isti – zamijenite samo tekst koji treba nijansirati kodom iz prethodnog poglavlja ostavljajući ostatak teksta kakav jest.
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 bojanje od samog početka, samo imajte na umu da budući obojeni tekst ide umjesto TEXT_TO_BE_COLORED , ostatak ostaje nakon završetka. Evo mog obnovljenog HTML-a:
Vidiš? Smjestio 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 oglednoj tablici.
Istakni jednu ćeliju
Budući da mijenjam istu tablicu, neću se ponavljati i zalijepiti HTML kôd izvorne tablice također u ovom poglavlju. Pomaknite se malo gore ili skočite desno na prvi primjerovaj vodič da biste vidjeli nepromijenjeni kod neobojene tablice.
Ako želim zasjeniti pozadinu ćelije s popustom, morat ću također malo izmijeniti HTML, ali izmjena će se razlikovati od bojanje teksta. Glavna razlika je u tome što se boja ne treba primijeniti na tekst već na cijelu ćeliju.
Ćelija koja će biti označena izgleda ovako u HTML formatu:
Kako želim označiti ćeliju, promjene bi se trebale primijeniti na atribut ćelije, a ne poslati poruku. Razdvojit ću gornji redak na dijelove, razjasniti svaki od njih i pokazati na dijelove koje je potrebno promijeniti:
- “style=” znači da ćelija retka ima sljedeća svojstva stila. Ovdje ćemo napraviti prvu pauzu. Budući da trebam postaviti prilagođenu boju pozadine, mijenjam style u data-set-style .
- "width: 32,2925%; border: 1px jednobojna crna;" – to su zadana svojstva stila na koje sam mislio gore. Moram dodati još jednu da prilagodim pozadinu odabrane ćelije: background-color . Budući da je moj cilj odabrati boju koju ću koristiti s padajućeg popisa, vraćam se svojoj pripremi i od tamo uzimam spremni WhatToEnter.
Savjet. Ako želite da ćelija bude obojena u jednu boju i ne želite da vam padajući popis svaki put smeta,samo zamijenite makronaredbu s nazivom boje ("plava", na primjer). Izgledat će ovako: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- “ ~%WhatToEnter[] popust ” je sadržaj ćelije.
Dakle, evo ažuriranog HTML izgleda:
Ostatak tablice ostaje isti. Evo rezultirajućeg HTML-a koji će istaknuti ćeliju s postotkom:
Kada spremim ovu promjenu i zalijepim ažuriranu tablicu u e-poruku, dobit ću padajući popis s popustima i prva će ćelija biti istaknuta kako je planirano. 
Boji cijeli red
Kad jedna ćelija nije dovoljna, bojim cijeli red :) Možda mislite da ćete morati primijeniti korake iz gornjeg odjeljka za sve ćelije u red. Požurit ću vas razočarati, postupak će se malo razlikovati.
U gornjim uputama pokazao sam vam kako ažurirati pozadinu ćelije mijenjajući HTML dio ove ćelije. Budući da se sada spremam cijelu ponovno ofarbatiretka, morat ću uzeti njegov HTML redak i primijeniti promjene točno na njega.
Sada je bez opcija i izgleda kao . Trebat će mi da dodam data-set-style= i zalijepim moj WHAT_TO_ENTER tamo. U rezultatu, redak će izgledati kao ovaj ispod:
Dakle, cijeli HTML tablice s ćelijom za slikanje izgledat će ovako:
Slobodno kopirajte ovaj HTML za svoje predloške kako biste bili sigurni da radi onako kako sam opisao. Alternativno, vjerujte snimci zaslona u nastavku :) 
Ukratko
To je sve što sam vam danas htio reći o uvjetnom oblikovanju u Outlook tablicama. Pokazao sam vam kako promijeniti boju sadržaja ćelija i istaknuti njihovu pozadinu. Nadam se da sam vas uspio uvjeriti da nema ničeg posebnog i teškog u mijenjanju HTML-a predloška i da ćete pokrenuti nekoliko vlastitih eksperimenata slikanja ;)
FYI, alat se može instalirati iz Microsoftove trgovine na vaš 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 tablica, javite mi u komentarima. Bit ću
