Съдържание
В тази статия ще научите как да форматирате условно таблици в Outlook. Ще ви покажа как да актуализирате цвета на текста на клетките. и фон с цвета, който сте избрали от падащия списък.
Подготовка
Преди да започнем нашия "урок по рисуване" и да се научим как условно да форматираме таблици в Outlook, бих искал да направя малко представяне на нашето приложение за Outlook, наречено Споделени шаблони за имейли. С този удобен инструмент ще управлявате кореспонденцията си в Outlook толкова бързо и лесно, колкото можехте само да си представите преди. Добавката ще ви помогне да избегнете повтарящите се копи-пейст и да създавате хубави имейли всамо с няколко кликвания.
Сега е крайно време да се върнем към основната ни тема - условно форматиране в таблиците на Outlook. С други думи, ще ви покажа как да оцветите клетките, техните граници и съдържание в желания цвят. Първо, уверете се, че си спомняте как да създавате таблици в Outlook.
Тъй като ще оцветявам клетките въз основа на тона, който избирам от падащия списък, ще трябва да направя още една предварителна уговорка. Ако си спомняте урока ми за това как да създавате попълними шаблони за имейли, знаете, че падащите списъци се създават с помощта на набори от данни. Отделете малко време, за да актуализирате знанията си по тази тема, ако имате чувството, че сте забравили как се управляват набори от данни, и нека продължим.
Сега трябва предварително да запиша набор от данни с цветовете, които ще използвам (нарекох го Набор от данни с отстъпки ) и добавете Какво да въведем макрос с падащия избор. Ето моята съвкупност от данни:
| Отстъпка | Цветен код |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Ако се чудите откъде да вземете тези кодове, просто създайте празна таблица, отидете в Имоти и изберете произволен цвят. Ще видите кода му в съответното поле, не се колебайте да го копирате точно оттам. 
Създавам макроса WHAT_TO_ENTER и го свързвам с този набор от данни, тъй като ще ми е необходим по-късно:
~%WhatToEnter[{dataset: "Набор от данни с отстъпки",колона: "Отстъпка",заглавие: "Изберете отстъпка"}]Този малък макрос ще ми помогне да получа падащото меню с отстъпки, от което да избирам. След като го направя, необходимата част от моята таблица ще бъде нарисувана.
Разбирам колко неясно може да изглежда за момента, затова няма да ви оставя с това неразбиране и ще започна да показвам как да променяте цвета на текста или да подчертавате клетка. Ще използвам основни примери, за да можете да добиете представа и да възпроизведете тази процедура със собствените си данни.
Нека започнем.
Промяна на цвета на шрифта на текста в таблицата
Нека започнем със засенчването на някои текстове в таблицата. Подготвил съм шаблон с примерна таблица за нашите експерименти с рисуването:
Целта ми е да оцветявам текста в съответния цвят в зависимост от избора от падащия списък. С други думи, искам да вмъкна шаблон, да избера необходимата ставка за отстъпка от падащия списък и този вмъкнат текст да бъде оцветен. В какъв цвят? Превъртете нагоре към набора от данни в подготвителната част, ще видите, че всяка ставка за отстъпка има свой собствен цветови код. Това е желаният цвят, който трябва да бъдеизползвани.
Тъй като искам отстъпката да бъде добавена от падащия списък, трябва да вмъкна макроса WhatToEnter в тази клетка. Чувствате, че трябва да опресните паметта си по тази тема? Отделете малко време, за да разгледате един от предишните ми уроци ;)
Така получената таблица ще изглежда по следния начин:
| Заглавие на примера 1 | Заглавие на примера 2 | Заглавие на примера 3 |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount |
Виждате, че процентът на отстъпката ще бъде добавен от падащия списък и думата "отстъпка" ще бъде там така или иначе.
Но как мога да настроя шаблона така, че текстът да се оцветява в съответния цвят? Всъщност това е доста лесно, само трябва да актуализирам малко HTML кода на шаблона. Нека приключим с теоретичната част и да преминем направо към практиката.
Оцветяване на целия текст в клетка на таблица
Първо, отварям HTML кода на моя шаблон и го проверявам внимателно: 
Ето как изглежда моят шаблон в HTML: 
Забележка: По-нататък ще публикувам всички HTML кодове като текст, така че да можете да ги копирате в собствените си шаблони и да ги модифицирате по желания от вас начин.
Нека да разгледаме отблизо горния HTML. Първият ред представлява свойствата на рамката на таблицата (стил, ширина, цвят и т.н.). След това следва първият ред
Интересува ме първият елемент от втория ред с моето WHAT_TO_ENTER. Оцветяването ще се извърши чрез добавяне на следната част от кода:
TEXT_TO_BE_COLOREDЩе го разделя на части и ще ви разясня всяка от тях:
- Сайтът ЦВЯТ Ако го замените с, да речем, "червено", този текст ще стане червен. Тъй като обаче задачата ми е да избера цвят от падащ списък, ще се върна за секунда към подготовката и ще взема подготвения Какво да въведем макрос оттам: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Изберете отстъпка'}]
- TEXT_TO_BE_COLORED е текстът, който трябва да бъде засенчен. В моя конкретен пример това е " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (копирайте тази част директно от оригиналния HTML код, за да избегнете повреда на данните).
Ето новата част от кода, която ще вмъкна в моя HTML:
Забележка: Може би сте забелязали, че параметърът "колона" се различава в тези два макроса. Това е така, защото трябва да върна стойността от различни колони, т.е. колона:'Код на цвета' ще върне цвета, с който ще бъде оцветен текстът, докато колона:'Discount' - дисконтовия процент за поставяне в клетка.
Възниква нов въпрос - на кое място в HTML трябва да го поставя? Най-общо казано, този текст трябва да замени TEXT_TO_BE_COLORED. В моя пример това е първата колона (
След като запазя промените и поставя този актуализиран шаблон, изскачащ прозорец ще ме помоли да избера отстъпка. Избирам 10% и текстът ми веднага се оцветява в зелено. 
Засенчване на част от съдържанието на клетката
Логиката за оцветяване само на част от съдържанието на клетката е в общи линии същата - заменяте само текста, който трябва да бъде оцветен, с кода от предишната глава, като оставяте останалата част от текста непроменена.
В този пример, ако трябва да оцветя само процента (без думата "отстъпка"), ще отворя HTML кода, ще избера частта, която не трябва да бъде оцветена ("отстъпка" в нашия случай), и ще я преместя извън тага: 
В случай че правите подготовката за оцветяване от самото начало, просто имайте предвид, че текстът с бъдещ цвят се поставя на мястото на TEXT_TO_BE_COLORED Останалите остават след края. Тук е моят обновен HTML:
Виждате ли? Поставил съм само част от съдържанието на клетката в таговете, следователно само тази част ще бъде оцветена при поставяне. 
Прилагане на условно форматиране към клетките на таблицата
Сега нека да променим малко задачата и да се опитаме да подчертаем не текста, а целия фон на клетките в същата примерна таблица.
Маркирайте една клетка
Тъй като променям една и съща таблица, няма да се повтарям и ще поставя HTML кода на оригиналната таблица и в тази глава. Превъртете малко нагоре или преминете направо към първия пример от този урок, за да видите непроменения код на неоцветената таблица.
Ако искам да засенча фона на клетката с отстъпката, също ще трябва да променя малко HTML, но модификацията ще се различава от оцветяването на текста. Основната разлика е, че цветът трябва да се прилага не към текста, а към цялата клетка.
Клетката, която трябва да бъде осветена, изглежда по този начин в HTML формат:
Тъй като искам да подчертая клетка, промените трябва да се приложат към атрибута на клетката, а не към текста. Ще разделя горния ред на части, ще поясня всяка от тях и ще посоча частите, които трябва да бъдат променени:
- "style=" означава, че клетката на реда има следните свойства на стила. Тук правим първата почивка. Тъй като трябва да задам потребителски цвят на фона, променям стил към в стил набор от данни .
- "ширина: 32,2925%; граница: 1px solid black;" - Това са свойствата на стила по подразбиране, които имах предвид по-горе. Трябва да добавя още едно, за да персонализирам фона на избраната клетка: цвят на фона . Тъй като целта ми е да избера цвета, който да използвам, от падащ списък, се връщам към подготовката си и вземам готовия WhatToEnter оттам.
Съвет: Ако искате клетката да бъде оцветена в един цвят и не искате падащият списък да ви притеснява всеки път, просто заменете макроса с името на цвета ("синьо", например). Ще изглежда така: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- " ~%WhatToEnter[] отстъпка " е съдържанието на клетката.
Ето и актуализирания вид на HTML:
Останалата част от таблицата остава такава, каквато е. Ето и полученият HTML код, който ще маркира клетката с процентната ставка:
Когато запазя тази промяна и вмъкна актуализираната таблица в имейл, ще получа падащия списък с отстъпки, а първата клетка ще бъде маркирана, както е планирано. 
Оцветяване на целия ред
Когато една клетка не е достатъчна, боядисвам целия ред :) Може би си мислите, че ще трябва да приложите стъпките от горния раздел за всички клетки в един ред. Ще побързам да ви разочаровам, процедурата ще се различава малко.
В инструкциите по-горе ви показах как да актуализирате фона на клетката, променяйки HTML частта на тази клетка. Тъй като сега ще пребоядисам целия ред, ще трябва да взема неговия HTML ред и да приложа промените направо в него.
Сега тя е без опции и изглежда така . Ще трябва да добавя data-set-style= и вмъкнете там моя WHAT_TO_ENTER. В резултата редът ще изглежда като този по-долу:
По този начин целият HTML код на таблицата с боядисаната клетка ще изглежда по следния начин:
Чувствайте се свободни да копирате този HTML за собствените си шаблони, за да се уверите, че работи по начина, по който го описвам. Или пък се доверете на скрийншота по-долу :) 
Обобщение
Това е всичко, което исках да ви разкажа за условното форматиране в таблиците на Outlook днес. Показах ви как да промените цвета на съдържанието на клетките и да подчертаете фона им. Надявам се, че съм успял да ви убедя, че няма нищо особено и трудно в модифицирането на HTML на шаблона и ще проведете няколко собствени експеримента с рисуване ;)
Инструментът може да бъде инсталиран от Microsoft Store на вашия компютър, Mac или таблет с Windows и да се използва едновременно на всички устройства.
Ако имате някакви въпроси или, може би, предложения относно форматирането на таблиците, моля, съобщете ми в коментарите. Ще се радвам да ви отговоря!
