Innehållsförteckning
I den här artikeln får du lära dig hur du kan formatera tabeller i Outlook på vissa villkor. Jag visar hur du uppdaterar färgen på cellernas text. och bakgrund med den färg som du väljer i rullgardinslistan.
Förberedelse
Innan vi börjar vår "ritningslektion" och lär oss hur man villkorligt formaterar tabeller i Outlook, vill jag göra en liten introduktion av vår app för Outlook som heter Shared Email Templates. Med detta praktiska verktyg kommer du att hantera din korrespondens i Outlook så snabbt och enkelt som du bara kunde föreställa dig tidigare. Tillägget kommer att hjälpa dig att undvika repetitiva copy-pastes och skapa snygga e-postmeddelanden på ett enkelt sätt.med några få klick.
Nu är det hög tid att återgå till vårt huvudämne - villkorlig formatering i Outlook-tabeller. Med andra ord ska jag visa dig hur du kan färga celler, deras gränser och innehåll i önskad färg. Först och främst ska du se till att du kommer ihåg hur du skapar tabeller i Outlook.
Eftersom jag kommer att färga cellerna baserat på den ton jag väljer från rullgardinslistan måste jag göra ytterligare en överenskommelse. Om du minns min handledning om hur man skapar ifyllbara e-postmallar vet du att rullgardinslistor skapas med hjälp av dataset. Ta en stund för att uppdatera dina kunskaper om detta ämne om du känner att du har glömt hur man hanterar dataset och låt oss gå vidare.
Nu måste jag spara ett dataset i förväg med de färger jag ska använda (jag kallade det för Dataset med rabatter ) och lägga till WhatToEnter med rullgardinsvalet. Här är mitt dataset:
Rabatt | Färgkod |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Om du undrar var du kan få tag på dessa koder kan du skapa en tom tabell, gå till dess Egenskaper Du ser koden i motsvarande fält, och du kan kopiera den direkt därifrån.
Jag skapar makroet WHAT_TO_ENTER och kopplar det till det här datasetetet eftersom jag kommer att behöva det senare:
~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title: Select discount'}]Detta lilla makro kommer att hjälpa mig att få fram en rullgardinsmeny med rabatter att välja mellan. När jag har gjort det kommer den nödvändiga delen av min tabell att målas.
Jag förstår hur oklart det kan se ut just nu, så jag ska inte lämna dig med detta missförstånd utan börja visa hur man ändrar färgen på text eller markerar en cell. Jag kommer att använda enkla exempel så att du kan få en uppfattning och reproducera detta förfarande med dina egna data.
Låt oss sätta igång.
Ändra teckensnittsfärgen för text i en tabell
Låt oss börja med att skugga lite text i tabellen. Jag har förberett en mall med en exempeltabell för våra målexperiment:
Mitt mål är att måla texten i motsvarande färg beroende på valen i rullgardinsmenyn. Med andra ord vill jag klistra in en mall, välja den nödvändiga rabatten från rullgardinsmenyn och den klistrade texten kommer att färgas. I vilken färg? Rulla upp till datasetet i förberedelsedelen, så ser du att varje rabatt har sin egen färgkod. Detta är den önskade färgen som ska varaanvänds.
Eftersom jag vill att rabatten ska läggas till från rullgardinslistan måste jag klistra in WhatToEnter-makrot i den här cellen. Känner du att du behöver fräscha upp ditt minne i det här ämnet? Ta en stund och kolla in en av mina tidigare tutorials ;)
Den resulterande tabellen kommer att se ut så här:
Provhuvud 1 | Provhuvud 2 | Provhuvud 3 |
~%WhatToEnter[ {dataset:'Dataset med rabatter', column:'Discount', title:'Select discount'} ] rabatt |
Rabatteringen läggs till från rullgardinslistan och ordet "rabatt" kommer att finnas där i alla fall.
Men hur kan jag ställa in mallen så att texten målas i motsvarande färg? Det är faktiskt ganska enkelt, jag behöver bara uppdatera mallens HTML lite. Vi avslutar teorin och går direkt till praktiken.
Färga all text i en tabellcell
Först och främst öppnar jag HTML-koden för min mall och kontrollerar den noggrant:
Så här ser min mall ut i HTML:
Observera: Jag kommer att lägga ut alla HTML-koder som text så att du kan kopiera dem till dina egna mallar och ändra dem som du vill.
Låt oss titta närmare på HTML-koden ovan. Den första raden är tabellens egenskaper (stil, bredd, färg osv.). Sedan följer den första raden
Jag är intresserad av det första elementet i den andra raden med min WHAT_TO_ENTER. Färgningen görs genom att lägga till följande kod:
TEXT_TO_BE_COLOREDJag ska dela upp det i bitar för dig och förtydliga var och en av dem:
- COLOR parametern hanterar målningen. Om du ersätter den med, låt oss säga, "red", kommer texten att bli röd. Men eftersom min uppgift är att välja en färg från rullgardinslistan, återgår jag till förberedelserna för en sekund och tar min förberedda WhatToEnter makro därifrån: ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title: Välj rabatt'}]
- TEXT_TO_BE_COLORED är den text som ska skuggas. I mitt exempel skulle det vara " ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title:'Select discount'}] rabatt " (kopiera den här delen direkt från den ursprungliga HTML-koden för att undvika att data skadas).
Här är den nya koden som jag kommer att infoga i min HTML:
Observera: Du kanske har lagt märke till att parametern "column" skiljer sig åt i dessa två makron. Det beror på att jag behöver returnera värdet från olika kolumner, dvs. kolumn: "Färgkod returnerar färgen som kommer att måla texten medan kolumn: "Rabatt - diskonteringsräntan för att klistra in i en cell.
En ny fråga dyker upp - på vilken plats i HTML ska jag placera den? Generellt sett ska denna text ersätta TEXT_TO_BE_COLORED. I mitt exempel skulle det vara den första kolumnen (
När jag sparat ändringarna och klistrat in den uppdaterade mallen kommer ett popup-fönster att be mig att välja en rabatt. Jag väljer 10 % och min text färgas genast grön.
Skugga en del av cellens innehåll
Logiken för att färga endast en del av cellens innehåll är i princip densamma - du ersätter endast den text som ska färgas med koden från föregående kapitel och lämnar resten av texten oförändrad.
Om jag i det här exemplet bara vill färglägga procentsatsen (utan ordet "rabatt") öppnar jag HTML-koden, markerar den del som inte behöver färgläggas ("rabatt" i vårt fall) och flyttar den ut ur taggen:
Om du gör förberedelserna för färgläggning från början, tänk på att den framtidsfärgade texten ska ersätta TEXT_TO_BE_COLORED Här är min förnyade HTML:
Ser du? Jag har placerat en del av cellens innehåll inom taggarna, och därför kommer endast denna del att färgas när du klistrar in den.
Tillämpa villkorlig formatering på tabellceller
Nu ändrar vi uppgiften lite och försöker markera inte texten utan hela cellbakgrunden i samma exempeltabell.
Markera en cell
Eftersom jag ändrar samma tabell kommer jag inte att upprepa mig och klistra in HTML-koden för den ursprungliga tabellen i det här kapitlet också. Skrolla upp lite eller hoppa direkt till det första exemplet i den här handledningen för att se den oförändrade koden för den ofärgade tabellen.
Om jag vill skugga cellens bakgrund med rabatten måste jag också ändra HTML lite, men ändringen kommer att skilja sig från textfärgningen. Den viktigaste skillnaden är att färgen inte ska appliceras på texten utan på hela cellen.
Den cell som ska markeras ser ut så här i HTML-formatet:
Eftersom jag vill markera en cell ska ändringarna tillämpas på cellattributet, inte på texten. Jag ska dela upp raden ovan i delar, förtydliga var och en av dem och peka på de delar som behöver ändras:
- "style=" innebär att radens cell har följande stilegenskaper. Det är här vi tar vår första paus. Eftersom jag ska ställa in en egen bakgrundsfärg ändrar jag stil till Uppgiftsuppsättningsstil .
- "bredd: 32,2925%; gräns: 1px solid black;" - Det är de standard stilegenskaperna som jag menade ovan. Jag måste lägga till ytterligare en för att anpassa bakgrunden för den valda cellen: bakgrundsfärg Eftersom mitt mål är att välja färg från en rullgardinslista, går jag tillbaka till min förberedelse och tar den färdiga WhatToEnter därifrån.
Tips: Om du vill att cellen ska vara målad i en färg och inte vill att rullgardinslistan ska störa dig varje gång, kan du ersätta ett makro med färgnamnet ("blå", till exempel). Det kommer att se ut så här: ~%WhatToEnter[{dataset:'Dataset med rabatter',column:'Discount',title:'Select discount'}] rabatt
- " ~%WhatToEnter[] rabatt " är cellens innehåll.
Så här ser den uppdaterade HTML-versionen ut:
Resten av tabellen förblir oförändrad. Här kommer den resulterande HTML-koden som markerar cellen med procentandelen:
När jag sparar ändringen och klistrar in den uppdaterade tabellen i ett e-postmeddelande får jag en rullgardinslista med rabatter och den första cellen markeras som planerat.
Färga hela raden
När en cell inte räcker till målar jag hela raden :) Du kanske tror att du måste tillämpa stegen från avsnittet ovan för alla celler i en rad. Jag måste göra dig besviken, men proceduren skiljer sig lite.
I instruktionerna ovan har jag visat hur du uppdaterar cellens bakgrund genom att ändra cellens HTML-text. Eftersom jag nu ska måla om hela raden måste jag ta dess HTML-text och göra ändringar direkt i den.
Nu är den alternativfri och ser ut som följer . Jag måste lägga till data-set-style= och klistra in min WHAT_TO_ENTER där. I resultatet kommer raden att se ut som nedan:
På så sätt kommer hela HTML-texten för tabellen med den cell som ska målas att se ut så här:
Kopiera gärna denna HTML till dina egna mallar för att se till att det fungerar som jag beskriver. Alternativt kan du använda skärmdumpen nedan :)
Sammanfattning
Det är allt jag ville berätta om villkorlig formatering i Outlook-tabeller idag. Jag visade dig hur du ändrar färgen på cellernas innehåll och markerar deras bakgrund. Hoppas att jag lyckades övertyga dig om att det inte finns något speciellt och svårt i att ändra mallens HTML och att du kommer att köra några egna målexperiment ;)
Verktyget kan installeras från Microsoft Store på din dator, Mac eller Windows-surfplatta och användas på alla dina enheter samtidigt.
Om du har några frågor eller kanske förslag om tabellformateringen, låt mig veta det i kommentarerna. Jag hör gärna av mig!