Innholdsfortegnelse
I denne artikkelen lærer du hvordan du betinget formaterer tabeller i Outlook. Jeg skal vise deg hvordan du oppdaterer malingen av celles tekst og bakgrunn med fargen du velger fra rullegardinlisten.
Forberedelse
Før vi starter vår "tegnetime" og lærer å betinget formatere tabeller i Outlook, vil jeg gjerne lage en liten introduksjon av vår app for Outlook kalt Delte e-postmaler. Med dette hendige verktøyet vil du administrere korrespondansen din i Outlook så raskt og enkelt som du bare kunne forestille deg før. Tillegget vil hjelpe deg med å unngå repeterende copy-pastes og lage pene e-poster i løpet av noen få klikk.
Nå er det på tide å gå tilbake til hovedemnet vårt – betinget formatering i Outlook-tabeller. Med andre ord, jeg skal vise deg hvordan du farger celler, deres kanter og innhold i ønsket farge. Først og fremst, sørg for at du husker hvordan du lager tabeller i Outlook.
Siden jeg skal fargelegge celler basert på tonen jeg velger fra rullegardinlisten, må jeg gjøre en forhåndsordning til. Hvis du husker veiledningen min om hvordan du lager utfyllbare e-postmaler, vet du at rullegardinlister opprettes ved hjelp av datasett. Ta deg tid til å oppdatere kunnskapen din om dette emnet hvis du føler at du har glemt hvordan du administrerer datasett, og la oss gå videre.
Nå må jeg forhåndslagre et datasett med fargene jeg skal bruke bruk (jeg kalte detglad for å høre fra deg!
Datasett med rabatter) og legg til makroen WhatToEntermed rullegardinmenyen. Så her er datasettet mitt:Rabatt | Fargekode |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25 % | #2E75B5 |
Hvis du lurer på hvor du får tak i disse kodene, bare lag en tom tabell, gå til Egenskapene og velg hvilken som helst farge. Du vil se koden i det tilsvarende feltet, kopier den gjerne derfra.
Jeg oppretter WHAT_TO_ENTER-makroen og kobler den til dette datasettet ettersom jeg trenger det senere:
~%WhatToEnter[{dataset:'Datasett med rabatter',kolonne:'Rabatt',tittel: Velg rabatt'}]Denne lille makroen vil hjelpe meg å få rabatt-rullegardinmenyen å velge mellom. Når jeg gjør det, vil den nødvendige delen av tabellen min bli malt.
Jeg forstår hvor uklart det kan se ut foreløpig, så jeg vil ikke forlate deg med denne misforståelsen og begynne å vise hvordan du endrer fargen på teksten eller uthev en celle. Jeg skal bruke grunnleggende eksempler slik at du kan få ideen og reprodusere denne prosedyren med dine egne data.
La oss komme i gang.
Endre skriftfargen på tekst i tabell
La oss starte med å skyggelegge litt tekst i tabellen. Jeg har utarbeidet en mal med en eksempeltabell for maleeksperimentene våre:
Min Målet er å male teksten i den tilsvarende fargen avhengig av rullegardinvalget. Med andre ord, jeg vil lime inn en mal, velge nødvendig diskonteringsrente fra rullegardinlisten og denne limte teksten vil bli farget. I hvilken farge? Rull opp til datasettet i forberedelsesdelen, du vil se at hver rabattsats har sin egen fargekode. Dette er den ønskede fargen som skal brukes.
Siden jeg vil at rabatten skal legges til fra rullegardinlisten, må jeg lime inn WhatToEnter-makroen i denne cellen. Føler du at du trenger å friske opp hukommelsen om dette emnet? Ta deg tid til å sjekke ut en av mine tidligere opplæringsprogrammer ;)
Så den resulterende tabellen vil se slik ut:
Sample header 1 | Eksempeloverskrift 2 | Eksempeloverskrift 3 |
~%WhatToEnter[ {datasett:'Datasett med rabatter', kolonne:'Rabatt', tittel:'Velg rabatt'} ] rabatt |
Se, diskonteringsrenten vil bli lagt til fra rullegardinlisten og ordet "rabatt" vil være der uansett.
Men hvordan kan jeg sette opp malen slik at teksten blir malt i tilsvarende farge? Ganske enkelt faktisk, jeg trenger bare å oppdatere malens HTML litt. La oss fullføre teoridelen og gå rett til praksis.
Farglegg all tekst i tabellcellen
Førstav, åpner jeg HTML-koden til malen min og sjekker den nøye:
Slik ser malen min ut i HTML:
Merk. Videre vil jeg legge ut alle HTML-koder som tekst, slik at du kan kopiere dem til dine egne maler og endre slik du vil.
La oss ta en nærmere titt på HTML-koden ovenfor. Den første linjen er tabellkantens egenskaper (stil, bredde, farge osv.). Deretter går den første raden
Jeg er interessert i det første elementet i den andre raden med min WHAT_TO_ENTER. Fargingen gjøres ved å legge til følgende kodebit:
TEXT_TO_BE_COLOREDJeg deler den opp i biter for deg og tydeliggjør hver av dem:
- FARGEN parameter håndterer maleriet. Hvis du erstatter den med, la oss si, "rød", vil denne teksten bli rød. Men siden min oppgave er å velge en farge fra rullegardinlisten, vil jeg gå tilbake til forberedelsen et sekund og ta min forberedte WhatToEnter -makro derfra: ~%WhatToEnter[{datasett: 'Datasett med rabatter',kolonne:'Rabatt',tittel: Velg rabatt'}]
- TEXT_TO_BE_COLORED er teksten som må skygges. I mitt spesielle eksempel ville det være " ~%WhatToEnter[{datasett:'Datasett med rabatter',kolonne:'Rabatt',tittel:'Velg rabatt'}] rabatt " (kopier dette stykket rett fraden originale HTML-koden for å unngå datakorrupsjon).
Her er den nye kodebiten jeg skal sette inn i HTML-koden min:
Merk. Du har kanskje lagt merke til at "kolonne"-parameteren er forskjellig i disse to makroene. Det er fordi jeg må returnere verdien fra forskjellige kolonner, dvs. kolonne:'Fargekode' vil returnere fargen som skal male teksten mens kolonne:'Rabatt' – rabatten rate for liming i en celle.
Et nytt spørsmål dukker opp – hvilken plassering av HTML-en skal jeg plassere den på? Generelt sett bør denne teksten erstatte TEXT_TO_BE_COLORED. I utvalget mitt vil det være den første kolonnen (
Når jeg har lagret endringene og limt inn denne oppdaterte malen, et popup-vindu vil be meg velge en rabatt. Jeg velger 10 % og teksten min blir farget i grønt med en gang.
Skygge en del av cellens innhold
Logikken for å fargelegge bare en del av cellensinnholdet er i utgangspunktet det samme – du erstatter bare teksten som skal farges med koden fra forrige kapittel, og lar resten av teksten være som den er.
I dette eksempelet, hvis jeg trenger å fargelegge bare prosenten (uten ordet "rabatt"), åpner jeg HTML-koden, velger delen som ikke trenger å farges ("rabatt" i vårt tilfelle) og flytter den ut av taggen:
I Hvis du gjør fargingsforberedelsene helt fra begynnelsen, bare husk at den fremtidsfargede teksten går i stedet for TEXT_TO_BE_COLORED , resten forblir etter slutten . Her er min fornyede HTML:
Ser du? Jeg har plassert bare en del av cellens innhold i taggene, derfor vil bare denne delen bli farget når du limer inn.
Bruk betinget formatering på tabellceller
La oss nå endre oppgaven litt og prøve å fremheve ikke teksten, men hele cellenes bakgrunn i samme eksempeltabell.
Marker én celle
Som jeg endrer den samme tabellen, vil jeg ikke gjenta meg selv og lime inn HTML-koden til den opprinnelige tabellen i dette kapittelet også. Rull litt opp eller hopp rett til det første eksemplet pådenne veiledningen for å se den uendrede koden til den ufargede tabellen.
Hvis jeg vil skyggelegge bakgrunnen til cellen med rabatten, må jeg også endre HTML-en litt, men modifikasjonen vil avvike fra tekstfargingen. Hovedforskjellen er at fargen ikke skal brukes på teksten, men på hele cellen.
Cellen som skal utheves ser slik ut i HTML-formatet:
Siden jeg vil fremheve en celle, bør endringene brukes på celleattributtet, ikke til tekst. Jeg bryter linjen ovenfor i deler, tydeliggjør hver av dem og peker på delene som må endres:
- “style=” betyr at radens celle har følgende stilegenskaper. Det er her vi tar vår første pause. Ettersom jeg skal angi en egendefinert bakgrunnsfarge, endrer jeg stil til data-sett-stil .
- "width: 32.2925%; border: 1px solid svart;" – det er standard stilegenskapene jeg mente ovenfor. Jeg må legge til en annen for å tilpasse bakgrunnen til den valgte cellen: bakgrunnsfarge . Siden målet mitt er å velge fargen som skal brukes fra en rullegardinliste, går jeg tilbake til forberedelsene og tar den klare WhatToEnter derfra.
Tips. Hvis du vil at cellen skal males i én farge og ikke vil at rullegardinlisten skal plage deg hver gang,bare erstatt en makro med fargenavnet ("blå", for eksempel). Det vil se slik ut: ~%WhatToEnter[{datasett:'Datasett med rabatter',kolonne:'Rabatt',tittel:'Velg rabatt'}] rabatt
- “ ~%WhatToEnter[] rabatt ” er cellens innhold.
Så, her er det oppdaterte HTML-utseendet:
Resten av tabellen forblir som den er. Her kommer den resulterende HTML-en som fremhever cellen med prosentsatsen:
Når jeg lagrer denne endringen og limer inn den oppdaterte tabellen i en e-post, får jeg opp rullegardinlisten med rabatter og den første cellen vil bli uthevet som planlagt.
Fargelegg hele raden
Når én celle ikke er nok, maler jeg hele raden :) Du tror kanskje at du må bruke trinnene fra avsnittet ovenfor for alle cellene i en rad. Jeg skynder meg å skuffe deg, prosedyren vil variere litt.
I instruksjonene ovenfor har jeg vist deg hvordan du oppdaterer cellens bakgrunn ved å endre denne cellens HTML-del. Siden nå er jeg i ferd med å male helerad, må jeg ta HTML-linjen og bruke endringer rett på den.
Nå er den valgfri og ser ut som . Jeg trenger for å legge til data-set-style= og lime inn WHAT_TO_ENTER der borte. I resultatet vil linjen se ut som den nedenfor:
Dermed vil hele HTML-en til tabellen med celle som skal males se slik ut:
Kopier gjerne denne HTML-en for dine egne maler for å sikre at den fungerer slik jeg beskriver. Alternativt kan du stole på skjermbildet nedenfor :)
Summer opp
Det er alt jeg ville fortelle deg om betinget formatering i Outlook-tabeller i dag. Jeg viste deg hvordan du endrer fargen på celleinnholdet og fremhever bakgrunnen deres. Håper jeg klarte å overbevise deg om at det ikke er noe spesielt og vanskelig å endre malens HTML, og du vil kjøre noen få maleeksperimenter av dine egne ;)
FYI, verktøyet kan installeres fra Microsoft Store på din PC, Mac eller Windows-nettbrett og brukes på alle enhetene dine samtidig.
Hvis du har spørsmål eller kanskje forslag til tabellformatering, vennligst gi meg beskjed i kommentarfeltet. Jeg skal være