Ynhâldsopjefte
Yn dit artikel sille jo leare hoe't jo tabellen betingst opmaak kinne yn Outlook. Ik sil jo sjen litte hoe't jo de ferve fan sellentekst en eftergrûn bywurkje mei de kleur dy't jo selektearje út 'e dellûklist.
Tarieding
Foardat wy mei ús "tekenles" begjinne en learje hoe't jo tabellen betingst opmaakje kinne yn Outlook, wol ik in lytse ynlieding meitsje fan ús app foar Outlook neamd Shared Email Templates. Mei dit handige ark sille jo jo korrespondinsje yn Outlook sa fluch en maklik beheare as jo jo allinich koene foarstelle. De tafoeging sil jo helpe om repetitive copy-pastes te foarkommen en moaie e-postberjochten te meitsjen yn in pear mûsklikken.
No is it heech tiid om werom te kommen nei ús haadûnderwerp - betingsten opmaak yn Outlook-tabellen. Mei oare wurden, ik sil jo sjen litte hoe't jo sellen kinne kleurje, har grinzen en ynhâld yn 'e winske kleur. As earste, soargje derfoar dat jo ûnthâlde hoe't jo tabellen meitsje yn Outlook.
Om't ik sellen kleurje sil op basis fan 'e toan dy't ik kieze út' e dellûklist, moat ik noch ien foarôfdieling meitsje. As jo myn tutorial herinnerje oer hoe't jo ynfolbere e-postsjabloanen kinne oanmeitsje, wite jo dat dropdown-listen wurde makke mei help fan datasets. Nim efkes de tiid om jo kennis oer dit ûnderwerp te aktualisearjen as jo fiele dat jo fergetten binne hoe't jo datasets beheare en litte wy fierder gean.
No moat ik in dataset foarôf opslaan mei de kleuren dy't ik gean nei brûke (ik neamde itbliid fan dy te hearren!
Dataset mei koartingen) en foegje de makro WhatToEnterta mei de dropdown-seleksje. Dus, hjir is myn dataset:Koarting | Kleurkoade |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
As jo jo ôffreegje wêr't jo dizze koades krije, meitsje dan gewoan in lege tabel, gean nei syn Eigenskippen en kies elke kleur. Jo sille de koade sjen yn it oerienkommende fjild, fiel jo frij om it direkt fanôf te kopiearjen.
Ik meitsje de WHAT_TO_ENTER-makro oan en ferbine dizze mei dizze dataset, om't ik it letter nedich sil:
~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Koarting',titel: Selektearje koarting'}]Dizze lytse makro sil my helpe om de koartingsútklapmenu te krijen om út te kiezen. Sadree't ik dat doch, sil it nedige diel fan myn tabel skildere wurde.
Ik begryp hoe ûndúdlik it der no útsjen kin, dus ik lit jo net mei dit misferstân en lit sjen hoe't jo de kleur fan tekst kinne feroarje of markearje in sel. Ik sil basisfoarbylden brûke, sadat jo it idee krije kinne en dizze proseduere mei jo eigen gegevens reprodusearje kinne.
Litte wy it begjinne.
Feroarje de lettertypekleur fan tekst yn tabel
Litte wy begjinne mei it skaadjen fan wat tekst yn 'e tabel. Ik haw in sjabloan taret mei in foarbyldtabel foar ús skildereksperiminten:
Myn doel is om de tekst te skilderjen yn 'e oerienkommende kleur ôfhinklik fan' e dropdown-seleksje. Mei oare wurden, ik wol in sjabloan plakke, kies it nedige koartingsnivo út 'e dellûklist en dizze plakke tekst sil kleurd wurde. Yn hokker kleur? Rôlje omheech nei de dataset yn it tariedingsdiel, jo sille sjen dat elke koartingsnivo in eigen kleurkoade hat. Dit is de winske kleur dy't brûkt wurde moat.
Om't ik graach dat de koarting tafoege wurdt fan 'e dellûklist, moat ik de WhatToEnter-makro yn dizze sel plakke. Fiel jo dat jo jo ûnthâld oer dit ûnderwerp moatte ferfarskje? Nim efkes de tiid om ien fan myn eardere tutorials te besjen ;)
Dus, de resultearjende tabel sil der sa útsjen:
Sample header 1 | Sample header 2 | Sample header 3 |
~%WhatToEnter[ {dataset:'Dataset mei koartingen', kolom:'Koarting', titel:'Selektearje koarting'} ] koarting |
Sjoch, it koartingsnivo wurdt tafoege fanút de dellûklist en it wurd "koarting" sil der wol wêze.
Mar hoe kin ik it sjabloan sa ynstelle dat de tekst yn de byhearrende kleur skildere wurdt? Hiel maklik eins, ik sil gewoan de HTML fan it sjabloan in bytsje moatte bywurkje. Litte wy it teorydiel ôfmeitsje en rjochts nei praktyk gean.
Kleur alle tekst yn tabelsel
Earstút, ik iepenje de HTML-koade fan myn sjabloan en kontrolearje it foarsichtich:
Hjir is hoe't myn sjabloan derút sjocht yn HTML:
Opmerking. Fierderop sil ik alle HTML-koades as tekst pleatse, sadat jo se kinne kopiearje nei jo eigen sjabloanen en oanpasse lykas jo wolle.
Litte wy de HTML hjirboppe in heul tichteby sjen. De earste rigel is de eigenskippen fan 'e tabelgrins (styl, breedte, kleur, ensfh.). Dan giet de earste rige
Ik bin ynteressearre yn it earste elemint fan de twadde rige mei myn WHAT_TO_ENTER. It kleurjen sil dien wurde troch it folgjende stikje koade ta te foegjen:
TEXT_TO_BE_COLOREDIk sil it foar jo yn stikken brekke en elk fan har ferdúdlikje:
- De COLOR parameter behannelet it skilderij. As jo it ferfange mei, lit ús sizze, "read", sil dizze tekst read wurde. Om't myn taak is om in kleur te kiezen út 'e dropdown-list, kom ik foar in twadde werom nei de tarieding en nim myn taretbere WhatToEnter -makro dêrwei: ~%WhatToEnter[{dataset: 'Dataset mei koartingen',kolom:'Koarting',titel: Korting selektearje'}]
- TEXT_TO_BE_COLORED is de tekst dy't yn skaden wurde moat. Yn myn bysûndere foarbyld soe it " ~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Koarting',titel:'Korting selektearje'}] koarting wêze " (kopiearje dit stik direkt fanútde orizjinele HTML-koade om datakorrupsje te foarkommen).
Hjir is it nije stik koade dat ik yn myn HTML ynfoegje:
Opmerking. Jo hawwe miskien opfallen dat de parameter "kolom" ferskilt yn dy twa makro's. It is om't ik de wearde werom moat út ferskate kolommen, dus kolom:'Kleurkoade' sil de kleur weromjaan dy't de tekst sil skilderje, wylst kolom:'Koarting' - de koarting taryf foar plakken yn in sel.
In nije fraach ûntstiet - op hokker plak fan 'e HTML moat ik it pleatse? Oer it algemien sprutsen, dizze tekst moat TEXT_TO_BE_COLORED ferfange. Yn myn stekproef soe it de earste kolom (
As ik de wizigingen opslaan en dit bywurke sjabloan plakke, in pop-up finster sil freegje my te kiezen in koarting. Ik kies 10% en myn tekst wurdt fuortdaliks grien kleurd.
Diel fan 'e ynhâld fan' e sel skaadje
De logika foar it kleurjen fan mar in diel fan 'e selynhâld is yn prinsipe itselde - jo ferfange allinich de te kleurjen tekst troch de koade fan it foarige haadstik, wêrtroch de rest fan 'e tekst sa is.
Yn dit foarbyld, as ik allinich it persintaazje kleurje moat (sûnder it wurd "koarting"), sil ik de HTML-koade iepenje, it diel selektearje dat net ynkleurd hoecht te wurden ("koarting" yn ús gefal) en ferpleatse it út 'e tag:
In As jo fan it begjin ôf de kleurbereidingen dogge, hâld der gewoan yn gedachten dat de takomstige tekst yn it plak fan TEXT_TO_BE_COLORED giet, de rest bliuwt nei de ein. Hjir is myn fernijde HTML:
Sjoch? Ik haw mar in diel fan 'e ynhâld fan myn sel pleatst binnen de tags, dêrom sil allinich dit diel kleurd wurde by it plakjen.
Tapasse betingstlike opmaak op tabelsellen
Litte wy de taak in bytsje feroarje en besykje net de tekst mar de eftergrûn fan 'e hiele sellen te markearjen yn deselde foarbyldtabel.
Markearje ien sel
Om't ik deselde tabel oan it wizigjen bin, sil ik mysels net werhelje en de HTML-koade fan de oarspronklike tabel ek yn dit haadstik plakke. Skow omheech in bytsje of springe rjochts nei it earste foarbyld fandizze tutorial om de ûnferoare koade fan 'e net-kleurde tabel te sjen.
As ik de eftergrûn fan 'e sel mei de koarting skaad meitsje wol, sil ik de HTML ek in bytsje oanpasse moatte, mar de wiziging sil ferskille fan de tekstkleuring. It wichtichste ferskil is dat de kleur net tapast wurde moat op de tekst, mar op de hiele sel.
De te markearjen sel sjocht der sa út yn it HTML-formaat:
Om't ik in sel markearje wol, moatte de wizigingen tapast wurde op it sel-attribút, net oan tekst. Ik sil de line hjirboppe yn dielen brekke, elk fan har ferdúdlikje en wize op de dielen dy't moatte wurde feroare:
- “style=" betsjut dat de sel fan 'e rigel hat de folgjende styl eigenskippen. Dit is wêr't wy ús earste pauze nimme. As ik in oanpaste eftergrûnkleur ynstelle moat, feroarje ik styl yn data-set-styl .
- "width: 32.2925%; border: 1px bêst swart;" - dat binne de standertstyleigenskippen dy't ik hjirboppe bedoelde. Ik moat noch ien tafoegje om de eftergrûn fan de keazen sel oan te passen: eftergrûnkleur . Sûnt myn doel is om de kleur te kiezen om te brûken út in dellûklist, gean ik werom nei myn tarieding en nim dêrwei de klear WhatToEnter.
Tip. As jo wolle dat de sel yn ien kleur wurdt skildere en net wolle dat de dellûklist jo elke kear lestich makket,gewoan ferfange in makro mei de kleur namme ("blau", bygelyks). It sil der sa útsjen: ~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Koarting',titel:'Korting selektearje'}] koarting
- “ ~%WhatToEnter[] koarting ” is de ynhâld fan de sel.
Dus, hjir is it bywurke HTML-útsjoch:
De rest fan 'e tabel bliuwt sa't it is. Hjir komt de resultearjende HTML dy't de sel markearret mei it persintaazje taryf:
As ik dizze wiziging opslaan en de bywurke tabel yn in e-post plakke, krij ik de dellûklist mei koartingen en de earste sel sil wurde markearre lykas pland.
Hele rige kleurje
As ien sel net genôch is, skilderje ik de hiele rige :) Jo tinke miskien dat jo de stappen fan 'e seksje hjirboppe moatte tapasse foar alle sellen yn in rige. Ik sil my haastje om jo te teloarstellen, de proseduere sil in bytsje ferskille.
Yn 'e ynstruksjes hjirboppe haw ik jo sjen litten hoe't jo de eftergrûn fan' e sel bywurkje kinne troch it HTML-stik fan dizze sel te feroarjen. Sûnt no bin ik op it punt om it gehiel opnij te skilderjenrige, moat ik de HTML-rigel nimme en wizigingen rjochts tapasse.
No is it opsjefrij en liket it op . Ik sil nedich om data-set-style= ta te foegjen en myn WHAT_TO_ENTER dêr te plakjen. Yn it resultaat sil de line derút lykje:
Sa sil de hiele HTML fan 'e tabel mei te skilderjen sel der sa útsjen:
Fiel jo frij om dizze HTML te kopiearjen foar jo eigen sjabloanen om te soargjen dat it wurket lykas ik beskriuw. As alternatyf, fertrou de skermôfdruk hjirûnder :)
Som up
Dat is alles wat ik jo woe fertelle oer betingst opmaak yn Outlook-tabellen hjoed. Ik liet jo sjen hoe't jo de kleur fan sellen 'ynhâld kinne feroarje en har eftergrûn markearje. Hoopje dat it my slagge om jo te oertsjûgjen dat d'r neat spesjaal en dreech is yn it feroarjen fan HTML fan sjabloanen en jo sille in pear skildereksperiminten fan jo eigen útfiere ;)
FYI, it ark kin ynstalleare wurde fanút de Microsoft Store op jo PC, Mac of Windows-tablet en brûkt op al jo apparaten tagelyk.
As jo fragen hawwe of, miskien, suggestjes oer de opmaak fan tabellen, lit it my dan witte yn 'e Opmerkings. Ik bin