Змест
У гэтым артыкуле вы даведаецеся, як умоўна фарматаваць табліцы ў Outlook. Я пакажу вам, як абнавіць колер тэксту і фон ячэек колерам, які вы выбіраеце з выпадальнага спісу.
Падрыхтоўка
Перш чым мы пачнем наш «урок малявання» і даведаемся, як умоўна фарматаваць табліцы ў Outlook, я хацеў бы зрабіць невялікае ўвядзенне ў наша праграма для Outlook пад назвай "Агульныя шаблоны электроннай пошты". З дапамогай гэтага зручнага інструмента вы будзеце кіраваць сваёй перапіскай у Outlook так хутка і лёгка, як вы толькі маглі сабе ўявіць раней. Надбудова дапаможа вам пазбегнуць паўторнага капіравання і ўстаўкі і ствараць прыгожыя электронныя лісты ў некалькі клікаў.
Цяпер самы час вярнуцца да нашай галоўнай тэмы - умоўнага фарматавання ў табліцах Outlook. Іншымі словамі, я пакажу вам, як афарбаваць вочкі, іх межы і змесціва ў патрэбны колер. Па-першае, пераканайцеся, што вы памятаеце, як ствараць табліцы ў Outlook.
Паколькі я буду размалёўваць ячэйкі ў залежнасці ад тону, які выбіраю з выпадальнага спісу, мне трэба зрабіць яшчэ адну папярэднюю дамоўленасць. Калі вы памятаеце мой падручнік па стварэнні запаўняемых шаблонаў электроннай пошты, вы ведаеце, што выпадальныя спісы ствараюцца з дапамогай набораў даных. Знайдзіце час, каб абнавіць свае веды па гэтай тэме, калі вы адчуваеце, што забыліся кіраваць наборамі даных, і давайце пойдзем далей.
Цяпер мне трэба папярэдне захаваць набор даных з колерамі, якія я збіраюся зрабіць выкарыстоўваць (я назваў гэтарады пачуць ад вас!
| Зніжка | Код колеру |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Калі вам цікава, дзе ўзяць гэтыя коды, проста стварыце пустую табліцу, перайдзіце у яго Уласцівасці і абярыце любы колер. Вы ўбачыце яго код у адпаведным полі, смела скапіруйце яго адтуль. 
Я ствараю макрас WHAT_TO_ENTER і падключаю яго да гэтага набору даных, бо ён мне спатрэбіцца пазней:
~%WhatToEnter[{dataset:'Набор даных са зніжкамі',column:'Discount',title: Select discount'}]Гэты маленькі макрас дапаможа мне атрымаць выпадальны спіс са скідкамі на выбар. Як толькі я гэта зраблю, неабходная частка маёй табліцы будзе афарбавана.
Я разумею, наколькі незразумелым гэта можа выглядаць зараз, таму я не пакіну вас з гэтым непаразуменнем і пачну паказваць, як змяніць колер тэксту або вылучыць ячэйку. Я буду выкарыстоўваць асноўныя ўзоры, каб вы маглі атрымаць ідэю і прайграць гэтую працэдуру з вашымі ўласнымі дадзенымі.
Давайце пачнем.
Змяніце колер шрыфта тэксту ў табліцы
Давайце пачнем з зацянення тэксту ў табліцы. Я падрыхтаваў шаблон з узорам табліцы для нашых эксперыментаў па маляванні:
Мой мэта складаецца ў тым, каб афарбаваць тэкст у адпаведны колер у залежнасці ад выбару ў выпадальным спісе. Іншымі словамі, я хачу ўставіць шаблон, выбраць неабходную стаўку дыскантавання з выпадальнага спісу, і гэты ўстаўлены тэкст будзе афарбаваны. У якім колеры? Пракруціце да набору дадзеных у падрыхтоўчай частцы, і вы ўбачыце, што кожная стаўка дыскантавання мае свой уласны каляровы код. Гэта жаданы колер, які трэба выкарыстоўваць.
Паколькі я хачу, каб зніжка была дададзена з выпадальнага спісу, мне трэба ўставіць макрас 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Я разаб'ю яго на часткі для вас і праясню кожную з іх:
- КОЛЕР<Параметр 2> апрацоўвае малюнак. Калі вы заменіце яго, скажам, на «чырвоны», гэты тэкст стане чырвоным. Аднак, паколькі мая задача складаецца ў тым, каб выбраць колер з выпадальнага спісу, я вярнуся на секунду да падрыхтоўкі і вазьму адтуль падрыхтаваны макрас WhatToEnter : ~%WhatToEnter[{dataset: 'Набор даных са зніжкамі',column:'Discount',title: Выберыце зніжку'}]
- TEXT_TO_BE_COLORED - гэта тэкст, які неабходна зацяніць. У маім канкрэтным прыкладзе гэта будзе “ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount ” (скапіруйце гэты фрагмент прама ззыходны HTML-код, каб пазбегнуць пашкоджання даных).
Вось новы фрагмент кода, які я ўстаўлю ў свой HTML:
Заўвага. Магчыма, вы заўважылі, што параметр "слупок" адрозніваецца ў гэтых двух макрасах. Гэта таму, што мне трэба вярнуць значэнне з розных слупкоў, г.зн. column:'Color code' верне колер, які афарбуе тэкст, а column:'Discount' – зніжку норма для склейвання ў клетку.
Узнікае новае пытанне - у якім месцы HTML я павінен яго размясціць? Калі казаць увогуле, гэты тэкст павінен замяніць TEXT_TO_BE_COLORED. У маім узоры гэта будзе першы слупок (
Як толькі я захаваю змены і ўстаўлю гэты абноўлены шаблон, з'явіцца ўсплывальнае акно з просьбай выбраць зніжку. Я выбіраю 10%, і мой тэкст адразу афарбоўваецца ў зялёны колер. 
Зацяненне часткі змесціва ячэйкі
Логіка афарбоўвання толькі часткі ячэйкізмесціва ў асноўным аднолькавае - вы замяняеце толькі тэкст, які трэба адфарбаваць, кодам з папярэдняй главы, пакідаючы астатні тэкст як ёсць.
У гэтым прыкладзе, калі мне трэба афарбаваць толькі працэнт (без слова «зніжка»), я адкрыю HTML-код, выберу тую частку, якую не трэба афарбоўваць (у нашым выпадку «зніжка»), і перанясу яе з тэга: 
У калі вы робіце падрыхтоўку да афарбоўвання з самага пачатку, проста майце на ўвазе, што будучы колер тэксту ідзе замест TEXT_TO_BE_COLORED , астатняе застаецца пасля заканчэння. Вось мой абноўлены HTML:
Бачыце? Я змясціў у тэгі толькі частку змесціва маёй ячэйкі, таму пры ўстаўцы толькі гэтая частка будзе афарбавана. 
Прымяненне ўмоўнага фарматавання да вочак табліцы
Цяпер давайце трохі зменім задачу і паспрабуем вылучыць не тэкст, а ўвесь фон вочак у той жа табліцы-ўзоры.
Вылучыце адну ячэйку
Паколькі я змяняю тую ж табліцу, я не буду паўтарацца і таксама ўстаўлю HTML-код зыходнай табліцы ў гэты раздзел. Пракруціце крыху ўверх або перайдзіце направа да першага прыкладугэты падручнік, каб убачыць нязменны код неафарбаванай табліцы.
Калі я хачу зацяніць фон ячэйкі са зніжкай, мне таксама трэба будзе крыху змяніць HTML, але мадыфікацыя будзе адрознівацца ад афарбоўка тэксту. Галоўнае адрозненне ў тым, што колер павінен прымяняцца не да тэксту, а да ўсёй ячэйкі.
Ячэйка, якую трэба вылучыць, выглядае так у фармаце HTML:
Паколькі я хачу вылучыць ячэйку, змены павінны быць прыменены да атрыбуту ячэйкі, а не да тэксту. Я разаб'ю радок вышэй на часткі, удакладню кожную з іх і пакажу на часткі, якія трэба змяніць:
- “стыль=” азначае, што ячэйка радка мае наступныя ўласцівасці стылю. Тут мы робім першы перапынак. Паколькі я павінен усталяваць уласны колер фону, я змяніў style на data-set-style .
- "width: 32,2925%; border: 1px суцэльны чорны;" - гэта ўласцівасці стылю па змаўчанні, якія я меў на ўвазе вышэй. Мне трэба дадаць яшчэ адзін, каб наладзіць фон абранай ячэйкі: колер фону . Паколькі мая мэта складаецца ў тым, каб выбраць колер для выкарыстання з выпадальнага спісу, я вяртаюся да сваёй падрыхтоўкі і бяру адтуль гатовы WhatToEnter.
Парада. Калі вы хочаце, каб вочка была афарбаваная ў адзін колер і не хочаце, каб выпадальны спіс кожны раз вас турбаваў,проста заменіце макрас назвай колеру (напрыклад, «сіні»). Гэта будзе выглядаць так: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- “ ~%WhatToEnter[] discount ” - змест ячэйкі.
Такім чынам, вось абноўлены выгляд HTML:
Астатняя частка табліцы застаецца як ёсць. Вось выніковы HTML, які вылучыць ячэйку з працэнтнай стаўкай:
Калі я захаваю гэта змяненне і ўстаўлю абноўленую табліцу ў электронны ліст, я атрымаю выпадны спіс са зніжкамі і першая ячэйка будзе выдзелена, як планавалася. 
Афарбаваць увесь радок
Калі адной ячэйкі недастаткова, я зафарбоўваю ўвесь радок :) Вы можаце падумаць, што вам трэба прымяніць крокі з раздзела вышэй для ўсіх ячэек у радок. Спяшаюся расчараваць вас, працэдура будзе крыху адрознівацца.
У прыведзеных вышэй інструкцыях я паказаў вам, як абнавіць фон ячэйкі, змяніўшы HTML-фрагмент гэтай ячэйкі. Цяпер я збіраюся перафарбаваць усёрадок, мне трэба будзе ўзяць яго радок HTML і прымяніць змены непасрэдна да яго.
Цяпер ён не мае параметраў і выглядае як . Мне спатрэбіцца каб дадаць data-set-style= і ўставіць мой WHAT_TO_ENTER туды. У выніку радок будзе выглядаць наступным чынам:
Такім чынам, увесь HTML табліцы з ячэйкай, якую трэба зафарбаваць, будзе выглядаць так:
Вы можаце скапіраваць гэты HTML для вашых уласных шаблонаў, каб пераканацца, што ён працуе так, як я апісваю. У якасці альтэрнатывы можна давяраць скрыншоту ніжэй :) 
Падвядзенне вынікаў
Вось і ўсё, што я хацеў расказаць сёння пра ўмоўнае фарматаванне ў табліцах Outlook. Я паказаў вам, як змяніць колер змесціва вочак і вылучыць іх фон. Спадзяюся, мне ўдалося пераканаць вас, што няма нічога асаблівага і складанага ў мадыфікацыі HTML шаблону, і вы правядзеце некалькі ўласных эксперыментаў па маляванні ;)
Да ведама, інструмент можна ўсталяваць з Microsoft Store на ваш ПК, Mac або планшэт Windows і выкарыстоўвацца на ўсіх вашых прыладах адначасова.
Калі ў вас ёсць якія-небудзь пытанні ці, магчыма, прапановы наконт фарматавання табліц, калі ласка, дайце мне ведаць у каментарах. Я буду
