Содржина
Во оваа статија ќе научите како условно да форматирате табели во Outlook. Ќе ви покажам како да ја ажурирате бојата на текстот на ќелиите и позадината со бојата што ќе ја изберете од паѓачката листа.
Подготовка
Пред да ја започнеме нашата „лекција за цртање“ и да научиме како условно да форматираме табели во Outlook, би сакал да направам мал вовед во нашата апликација за Outlook наречена Шаблони за споделени е-пошта. Со оваа практична алатка ќе управувате со вашата кореспонденција во Outlook толку брзо и лесно како што можевте да замислите порано. Додатокот ќе ви помогне да избегнете повторливи копи-лепти и да креирате е-пошта со убав изглед за неколку кликања.
Сега е крајно време да се вратиме на нашата главна тема - условно форматирање во табелите на Outlook. Со други зборови, ќе ви покажам како да ги обоите ќелиите, нивните граници и содржина во саканата боја. Прво, проверете дали се сеќавате како да креирате табели во Outlook.
Бидејќи ќе ги боам ќелиите врз основа на тонот што ќе го изберам од паѓачката листа, ќе треба да направам уште едно претходно уредување. Ако се сеќавате на моето упатство за тоа како да креирате шаблони за е-пошта што може да се пополнат, знаете дека паѓачките списоци се создаваат со помош на сетови на податоци. Одвојте миг да го ажурирате вашето знаење за оваа тема ако се чувствувате како да сте заборавиле како да управувате со збирките на податоци и да продолжиме понатаму.
Сега треба однапред да зачувам база на податоци со боите што ќе ги користи (јас го нарековсреќен сум што ќе чујам одговор од тебе!
Збирка на податоци со попусти) и додадете го макрото WhatToEnterсо паѓачкиот избор. Значи, еве го мојот податок:Попуст | Шифра на боја |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Ако се прашувате каде да ги добиете тие кодови, само креирајте празна табела, одете на неговите Својства и изберете која било боја. Ќе го видите неговиот код во соодветното поле, слободно копирајте го токму од таму.
Го создавам макрото WHAT_TO_ENTER и го поврзувам со оваа база на податоци бидејќи ќе ми треба подоцна:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Изберете попуст'}]Ова мало макро ќе ми помогне да го добијам паѓачкото мени за попуст за да изберам. Откако ќе го направам тоа, потребниот дел од мојата маса ќе биде обоен.
Разбирам колку може да изгледа нејасно сега, па нема да ве оставам со ова недоразбирање и да почнам да прикажувам како да ја смените бојата на текстот или означете ќелија. Ќе користам основни примероци за да можете да ја добиете идејата и да ја репродуцирате оваа постапка со свои податоци.
Ајде да започнеме.
Променете ја бојата на фонтот на текстот во табелата
Да започнеме со засенчување на некој текст во табелата. Подготвив шаблон со примерок од табела за нашите експерименти со сликање:
Мој целта е да се наслика текстот во соодветната боја во зависност од паѓачкиот избор. Со други зборови, сакам да залепам шаблон, да ја изберам потребната стапка на попуст од паѓачката листа и овој залепен текст ќе биде обоен. Во која боја? Скролувајте до базата на податоци во делот за подготовка, ќе видите дека секоја стапка на попуст има свој код за боја. Ова е саканата боја што треба да се користи.
Бидејќи би сакал попустот да се додаде од паѓачката листа, треба да го залепам макрото WhatToEnter во оваа ќелија. Чувствувате дека треба да ја освежите меморијата на оваа тема? Одвојте малку време за да погледнете едно од моите претходни упатства ;)
Значи, добиената табела ќе изгледа вака:
Заглавие на примерок 1 | Заглавие на примерок 2 | Заглавие на примерок 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', колона:'Discount', наслов:'Select попуст'} ] попуст |
Видете, стапката на попуст ќе се додаде од паѓачката листа и зборот „попуст“ сепак ќе биде таму.
Но, како можам да го поставам шаблонот така што текстот да биде обоен во соодветната боја? Всушност, многу лесно, само ќе треба малку да го ажурирам HTML-от на шаблонот. Ајде да го завршиме теорискиот дел и да преминеме десно на пракса.
Обои го целиот текст во ќелијата на табелата
Првоисклучено, го отворам HTML-кодот на мојот шаблон и го проверувам внимателно:
Еве како изгледа мојот шаблон во HTML:
Забелешка. Понатаму, ќе ги објавам сите HTML-кодови како текст за да можете да ги копирате во вашите сопствени шаблони и да ги менувате како што сакате.
Да го погледнеме одблизу HTML-от погоре. Првата линија се својствата на границата на табелата (стил, ширина, боја, итн.). Потоа оди првиот ред
Јас сум заинтересиран за првиот елемент од вториот ред со мојот WHAT_TO_ENTER. Боењето ќе се изврши со додавање на следнава шифра:
TEXT_TO_BE_COLOREDЌе ви го скршам на парчиња и ќе го разјаснам секој од нив:
- The COLOR параметарот се справува со сликањето. Ако го замените со, да речеме, „црвено“, овој текст ќе стане црвен. Сепак, бидејќи мојата задача е да изберам боја од паѓачката листа, ќе се вратам на подготовката за секунда и ќе го земам подготвеното WhatToEnter макро од таму: ~%WhatToEnter[{dataset: „Збирка на податоци со попусти“, колона: „Попуст“, наслов: Изберете попуст'}]
- TEXT_TO_BE_COOLORED е текстот што треба да се засенчи. Во мојот конкретен пример, тоа би било „ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Избери попуст'}] попуст “ (копирајте го ова парче директно одоригиналниот HTML код за да се избегне оштетување на податоците).
Еве го новиот дел од кодот што ќе го вметнам во мојот HTML:
Забелешка. Можеби сте забележале дека параметарот „колона“ се разликува во тие две макроа. Тоа е затоа што треба да ја вратам вредноста од различни колони, т.е. колона:„Кодот на бојата“ ќе ја врати бојата што ќе го наслика текстот додека колоната:„Попуст“ - попустот стапка за вметнување во ќелија.
Се поставува ново прашање - на кое место од HTML треба да го поставам? Општо земено, овој текст треба да го замени TEXT_TO_BE_COLORED. Во мојот примерок, тоа ќе биде првата колона (
Откако ќе ги зачувам промените и ќе го залепам овој ажуриран шаблон, скокачки прозорец ќе побара од мене да изберам попуст. Избирам 10% и мојот текст веднаш добива зелена боја.
Засенчи дел од содржината на клетката
Логиката за боење само дел од клеткатасодржината е во основа иста - го заменувате само текстот што треба да се затемни со кодот од претходното поглавје оставајќи го остатокот од текстот како што е.
Во овој пример, ако треба да го обоам само процентот (без зборот „попуст“), ќе го отворам HTML-кодот, ќе го одберам делот што не треба да биде обоен („попуст“ во нашиот случај) и ќе го преместам од ознаката:
Во ако ги правите подготовките за боење од самиот почеток, само имајте на ум дека текстот со боја во иднина оди на местото на TEXT_TO_BE_COLORED , а остатокот останува по завршувањето . Еве го мојот обновен HTML:
Гледате? Ставив само дел од содржината на мојата ќелија во ознаките, па оттука само овој дел ќе биде обоен при лепење.
Примени условно форматирање на ќелиите на табелата
Сега, ајде малку да ја смениме задачата и да се обидеме да го истакнеме не текстот, туку целата позадина на ќелиите во истата табела примерок.
Означете една ќелија
Бидејќи ја менувам истата табела, нема да се повторувам и нема да го залепам HTML кодот на оригиналната табела и во ова поглавје. Скролувајте малку нагоре или прескокнете право до првиот пример наова упатство за да го видам непроменетиот код на необоената табела.
Ако сакам да ја засенчам позадината на ќелијата со попустот, ќе треба и малку да го изменам HTML-от, но модификацијата ќе се разликува од боење на текстот. Главната разлика е во тоа што бојата не треба да се применува на текстот, туку на целата ќелија.
Ќелијата што треба да се означи изгледа вака во HTML формат:
Како што сакам да истакнам ќелија, промените треба да се применат на атрибутот на ќелијата, а не на текст. Ќе ја скршам линијата погоре на делови, ќе го разјаснам секој од нив и ќе посочам на деловите што треба да се променат:
- “style=” значи дека ќелијата на редот има следните стилски својства. Ова е местото каде што ја правиме нашата прва пауза. Бидејќи треба да поставам приспособена боја на заднина, го менувам стилот во стилот на сет на податоци .
- "width: 32,2925%; граница: 1px цврсто црно;" - тоа се стандардните својства на стилот што ги мислев погоре. Треба да додадам уште една за да ја приспособам позадината на избраната ќелија: боја на заднина . Бидејќи мојата цел е да ја изберам бојата што ќе ја користам од паѓачката листа, се враќам на мојата подготовка и го земам готовиот WhatToEnter од таму.
Совет. Ако сакате ќелијата да биде обоена во една боја и не сакате паѓачката листа да ве мачи секој пат,само заменете го макрото со името на бојата (на пример „сина“). Ќе изгледа вака: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Избери попуст'}] попуст
- „ ~%WhatToEnter[] попуст “ е содржината на ќелијата.
Значи, еве го ажурираниот HTML изглед:
Остатокот од табелата останува како што е. Еве го добиениот HTML што ќе ја нагласи ќелијата со процентуална стапка:
Кога ќе ја зачувам оваа промена и ќе ја залепам ажурираната табела во е-пошта, ќе ја добијам паѓачката листа со попусти и првата ќелија ќе биде истакната според планираното.
Обојте го целиот ред
Кога една ќелија не е доволна, го сликам целиот ред :) Можеби мислите дека ќе треба да ги примените чекорите од делот погоре за сите ќелии во ред. Ќе побрзам да ве разочарам, постапката малку ќе се разликува.
Во упатствата погоре ви покажав како да ја ажурирате позадината на ќелијата менувајќи го HTML-делот на оваа ќелија. Отсега ќе го префарбам целиотред, ќе треба да ја земам нејзината HTML линија и да ги применам промените директно на неа.
Сега е без опции и изгледа како . Ќе ми треба да додадете data-set-style= и да го залепите мојот WHAT_TO_ENTER таму. Како резултат, линијата ќе изгледа како онаа подолу:
Така, целиот HTML на табелата со ќелија што треба да се наслика ќе изгледа вака:
Слободно копирајте го овој HTML за вашите сопствени шаблони за да бидете сигурни дека работи на начинот на кој јас го опишав. Алтернативно, верувајте на сликата од екранот подолу :)
Сумирај
Тоа е сè што сакав да ви кажам за условното форматирање во табелите на Outlook денес. Ви покажав како да ја промените бојата на содржината на ќелиите и да ја истакнете нивната позадина. Се надевам дека успеав да ве убедам дека нема ништо посебно и тешко во менувањето на HTML на шаблонот и ќе извршите неколку сопствени експерименти за сликање ;)
FYI, алатката може да се инсталира од продавницата на Microsoft на вашиот PC, Mac или Windows таблет и се користи на сите ваши уреди истовремено.
Ако имате какви било прашања или, можеби, предлози за форматирање на табелите, ве молиме известете ме во Коментари. Ќе бидам