Ynhâldsopjefte
Yn dit artikel sille jo sjen hoe't jo betingsten opmaak tapasse kinne op tabelgrinzen yn Outlook. Ik sil jo sjen litte hoe't jo har kleur, breedte en styl kinne feroarje. Dan sil ik jo leare hoe't jo ferskate oanpassingen tagelyk kinne meitsje en jo Outlook-tabel op ferskate manieren kleurje.
Earst wol ik in lytse kopnota meitsje foar nijkommers fan dit blog. Om't wy hjoed sille prate oer betingst opmaak yn sjabloanen, sil ik jo sjen litte hoe't jo se goed kinne ynstelle mei ús Add-in Shared Email Templates foar Outlook. Dit ark kin jo helpe om foarôf bewarre perfekt opmakke sjabloanen yn jo e-mails te plakjen en jo korrespondinsjeroutine te ferleegjen nei in kwestje fan in pear mûsklikken.
As jo myn tutorial foar betingsten opmaak yn Outlook-tabellen al lêzen hawwe, witsto hoe kinne jo de ynhâld en eftergrûnkleur fan sellen feroarje. Dat is lykwols net alles wat jo kinne dwaan om jo Outlook-tabel op te fleurjen. Hjoed sil ik jo de manieren sjen litte om de rânen fan jo tafel betingst te kleurjen en har breedte en styl te feroarjen.
Boppedat wachtet in lytse bonus op jo yn it lêste haadstik wêr't ik jo sil sjen litte hoe't jo ferskate oanpassingen tapasse kinne. tagelyk en meitsje jo tafel sa kleurich en helder as it fjoerwurk op 4 july ;)
Feroarje de kleur fan selrânen
Om jo sjen te litten hoe't it skilderjen fan 'e grinzen wurket, Ik sil deselde samples brûke fan 'e tutorial fan' e lêste wike. It gefal is de folgjende: ik plak aMicrosoft-team, fiel jo frij om har antwurd te kontrolearjen yn dit GitHub-petear :)
Lêste notysje
Ik hoopje echt dat ik jo slagge te oertsjûgjen dat in tabel yn Outlook net allinich swarte rânen is mei gewoane tekst. D'r is genôch romte foar ferbettering en kreativiteit :)
As jo beslute om in pear skildereksperiminten fan jo eigen te nimmen, ynstallearje gewoan Shared Email Templates fan Microsoft Store en genietsje!
As der binne alle fragen oer jo hawwe wat help nedich mei betingst opmaak yn Outlook-tabellen, lit gewoan in pear wurden yn 'e kommentaar seksje en wy sille it útfine ;)
sjabloan en kies de koarting taryf te foljen de tabel. Ofhinklik fan myn kar wurde de rânen fan de sel yn de bepaalde kleur ynkleure.De tabel dy't ik hjoed kleurje sil de hjirûnder wêze:
| Sample header 1 | Sample header 2 | Sample header 3 |
| ~%WhatToEnter[ {dataset:'Dataset mei koartingen', kolom:' Discount', title:'Selektearje koarting'} ] koarting |
Om't betingst opmaak wurdt behannele yn HTML fan sjabloanen, litte wy Iepenje de HTML-koade fan dizze tabel earst:
- Iepenje de sjabloan fan belang en klik op Bewurkje :
- Fyn de Besjoch HTML -ikoan ( ) op de arkbalke fan it sjabloan:
- Sjoch de orizjinele HTML dy't meardere kearen wizige wurde sil:
As jo jo ôffreegje oer de kleuren en har ferbining mei koartingsraten, sil ik jo in hint jaan :) Dataset! Hawwe jo gjin idee wat it is? Nim dan in lytse pauze en lês earst myn tutorial foar Fillable Outlook-sjabloanen.
Hjir is de orizjinele dataset dy't ik oan it begjin sil brûke en in bytsje ferbetterje sil yn in pear haadstikken:
| Koarting | Kleurkoade |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
As ik de nedige kleurkoade út dizze tabel ophelje moat, sil ik de folgjende makro brûke:
~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Kleurkoade'}]Om't wy alle basis hawwe behannele, litte wy begjinne mei it feroarjen fan kleuren :)
Bywurkje de rânekleur fan ien sel
Om de rânen fan in inkelde sel yn in tabel te kleurjen, litte wy earst de rigel fine yn 'e HTML fan 'e sjabloan en de komponinten fan 'e sjabloan better besjen:
- “ style= ” stiet foar de set fan basisparameters fan in sel.
- “width: 32%; grins: 1px solid #aeabab " binne de breedte, kleur en styl fan 'e sel en râne.
- "~%WhatToEnter[] koarting" is de ynhâld fan 'e sel.
Dizze koaderigel betsjut dat ik in sel sil sjen mei 1px grize rânen fan in solide styl. As ik ien fan dy parameters ferfange, kin it it uterlik fan 'e tabel yn myn sjabloan korrumpeare, d.w.s. de grinzen sille ûnsichtber wêze (hoewol't alles perfekt sil sjen nei it plakjen).
Ik soe graach in standert hawwe wolle. tabel yn in sjabloan en lit it wizigje by it plakken. Dat, ik foegje ien nij attribút ta mei de parameters dy't de orizjinele sille ferfange by it plakken:
Litte wy de HTML-rigel hjirboppe ûndersykje:
- “ style="border : 1px solid #aeabab;" is de earste attribút. Dat binne de oarspronklike seleigenskippen.
- “ data-set-style= ” is in spesjale parameter dy’t my helpe sil it boppesteande attribút te ferfangen troch de nedige set eigenskippen by it plakken.
- “ grins:1px fêst; border-color: " is it diel fan it twadde attribút wêr't wy in pauze sille nimme. Sjoch, it begjin is identyk oan it orizjineel, deselde grinsbreedte en styl. As it lykwols giet om de kleur (de parameter dy't ik wizigje wol), ferfang ik it mei grinskleur: en plak de WhatToEnter-makro. Dêrfandinne, ôfhinklik fan de dropdown-kar, sil de makro ferfongen wurde troch de kleurkoade en sil de râne opnij skildere wurde.
- “~%WhatToEnter[] koarting” is noch altyd de ynhâld fan de sel dy't fereasket gjin feroarings.
Dêrom sil de folsleine HTML mei de takomstige sel der sa útsjen:
As jo dizze sjabloan plakke , de râne fan de bywurke sel wurdt direkt ynkleure yn de keazen kleur:
Rânen fan de hiele rige skilderje
No litte wy de rânen skilderje op de hiele rige fan ús sample tabel en sjen hoe't it wurket. De logika is perfoarst itselde as yn 'eparagraaf hjirboppe, útsein dat jo alle sellen fan 'e twadde rige moatte bywurkje. Sadree't deselde oanpassings dy't ik hjirboppe behannele binne tapast op 'e heule rige, wurdt it yn in knipke skildere by it plakken fan it sjabloan.
As jo graach wolle sjen nei de klear HTML mei de twadde rige kleuring, hjir giet it:
Rânbreedte feroarje
Litte wy no besykje net allinich de rânekleur te aktualisearjen, mar ek de breedte. Sjoch noch ien kear nei it HTML-attribút dat it orizjinele ferfangt by it plakken:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Dataset mei koartingen',kolom:'Kleurkoade'}]">~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Koarting',titel:'Koarting selektearje'}] koartingSjoch de <0 1>1px parameter? Dit is de breedte fan de te kleurjen rânen. Jo kinne it mei de hân feroarje nei bygelyks 2 en de tabelrânen wurde breder as jo it plakke.
Ik doch it lykwols op in oare manier. Ik sil myn dataset bywurkje en in nije kolom tafoegje mei grinzenbreedte. Yn dit gefal, as ik ienris in hjoeddeistige taryf kies om te plakjen, sille sawol kleur as breedte wêzebywurke.
| Koarting | Kleurkoade | Rânbreedte |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Litte wy no it twadde attribút fan elke rigel wizigje en 1px ferfange troch it folgjende stikje tekst:
border-width:~%WhatToEnter [{dataset:'Dataset mei koartingen',kolom:'Rânbreedte'}]Dan werhelje ik it foar alle trije sellen fan de twadde rige en krij de folgjende HTML yn it resultaat:
Sadree't dit sjabloan is bewarre en plakt, sille de brede blauwe rânen ferskine yn in e-post:
Rânenstyl yn in tabel wizigje
Yn dizze ch apter Ik soe graach lûke jo oandacht op in oare parameter - styl. Dizze sil it uterlik fan 'e grinzen behannelje. Foardat ik jo sjen litte hoe't jo it korrekt tapasse, moat ik werom nei myn dataset en oanpasse yn oerienstimming mei myn hjoeddeistige saak.
| Koarting | Rânestyl |
| 10% | Dashed |
| 15% | Dûbel |
| 20% | Dotted |
| 25% | Ridge |
Ik haw elk koartingsnivo ferbûn mei in grinsstyl en dizze dataset bewarre foar de takomst. De makro om de styl foar myn HTML werom te heljen soe de hjirûnder wêze:
~%WhatToEnter[{dataset:"Dataset mei koartingen",kolom:"Rânstyl"}]No moat ik de bywurkje de attributen fan 'e twadde rige troch solide (de standertstyl dy't ik altyd brûkt haw) te ferfangen mei de makro hjirboppe om it folgjende stik koade te krijen:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset mei koartingen',kolom:'Rânstyl'}]Hjir giet de lêste HTML:
As jo dizze HTML kopiearje en plakke nei jo sjabloanen, it resultaat sil jo net wachtsje litte:
Stel betingste opmaak yn om markearring, tekstkleur en de breedte fan 'e rânen tagelyk te feroarjen
Wy hawwe de measte ynteresses berikt Ting diel, om't ik jo op it punt sil sjen litte hoe't jo meardere oanpassingen tagelyk kinne tapasse. Earst sil ik de dataset bywurkje wêrfan ik de gegevens sil ophelje.Sûnt ik besleat om de markearring, tekstkleur en breedte fan 'e sellen te feroarjen, moatte al dy parameters oanjûn wurde. Dêrtroch soe myn nije dataset der sa útsjen:
| Koarting | Kleurkoade | Eftergrûnkoade | Rânbreedte |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5 |
Dus, as ik 10% kies, sil de nedige tekst yn blau skildere wurde (# 00B0F0 ), de eftergrûn fan 'e selektearre sellen sil yn skaden wurde in ljochtblauwe toan (# DEEBF6 ) en har rânen wurde twa kear ferbrede.
Mar hoe kin dizze dataset ferbûn wurde mei in Outlook-tabel sadat it opmakke wurdt? Ik haw jo klearmakke foar dizze taak yn 2 artikels :) Hjir giet de HTML dy't alle nedige wizigingen behannelet:
Litte wy no sjen nei alle oanpassingen dy't tapast binne:
- Sample koptekst 1 - dit stik sil de koptekst yn kleur skilderje út 'e kolom "Kleurkoade". Yn gefal jo fielelykas jo jo ûnthâld moatte ferfarskje op it tekstskilderij, ferwize nei it haadstik Feroarje de lettertypekleur fan tekst yn tabel fan myn foarige tutorial.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset mei koartingen',kolom:'Eftergrûnkoade',titel:'Korting selektearje'}] - dit diel fernijt de eftergrûnkleur, en nimt de koade út 'e kolom Eftergrûnkoade fan 'e dataset. Fiel jo frij om te sjen nei de tutorial foar Highlight sellen as jo fiele dat jo in mear detaillearre beskriuwing fan dit gefal nedich binne.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Gegevensset mei koartingen',kolom:'Rânbreedte'}] – mei dizze HTML-rigel sil de breedte fan 'e rânen feroare wurde nei de spesifisearre yn de Rânbreedte Ik haw it earder besprutsen, jo kinne efkes sjen foar it gefal dat jo wat mist hawwe.
As ik in sjabloan plak mei dy attributen tafoege, sil it resultaat my net wachtsje litte:
D'r is in lytse notysje dy't ik meitsje wol foardat ik dit ûnderwerp slút. Wylst ik grinzen kleurjen yn tabellen testen, stie ik foar frij dûbelsinnich gedrach fan grinzen yn sawol online as buroblêdferzjes fan Outlook. Omdat ik in bytsje yn 'e war wie, berikte ik ús ûntwikkelders foar ferdúdliking. Se fûnen út dat ferskate Outlook-kliïnten tabellen op ferskate wizen werjaan en de reden foar sa'n gedrach is in brek yn Outlook.
Us team hat dit probleem rapportearre oan
