Talaan ng nilalaman
Sa artikulong ito matututunan mo kung paano i-format ang mga talahanayan nang may kondisyon sa Outlook. Ipapakita ko sa iyo kung paano i-update ang pintura ng text ng mga cell at background sa kulay na pipiliin mo mula sa dropdown na listahan.
Paghahanda
Bago natin simulan ang ating “drawing lesson” at matutunan kung paano mag-conditionally format ng mga table sa Outlook, gusto kong gumawa ng isang maliit na panimula ng ang aming app para sa Outlook na tinatawag na Shared Email Templates. Gamit ang madaling gamiting tool na ito, mapapamahalaan mo ang iyong mga sulat sa Outlook nang mabilis at madali gaya ng naiisip mo lang noon. Tutulungan ka ng add-in na maiwasan ang paulit-ulit na mga copy-paste at lumikha ng magagandang email sa ilang pag-click lang.
Ngayon ay oras na upang bumalik sa aming pangunahing paksa – kondisyonal na pag-format sa mga talahanayan ng Outlook. Sa madaling salita, ipapakita ko sa iyo kung paano kulayan ang mga cell, ang kanilang mga hangganan at nilalaman sa nais na kulay. Una, tiyaking natatandaan mo kung paano gumawa ng mga talahanayan sa Outlook.
Habang kukukulay ko ang mga cell batay sa tono na pipiliin ko mula sa dropdown na listahan, kailangan kong gumawa ng isa pang pre-arrangement. Kung naaalala mo ang aking tutorial sa kung paano lumikha ng mga fillable na template ng email, alam mo na ang mga dropdown list ay nilikha sa tulong ng mga dataset. Maglaan ng ilang sandali upang i-update ang iyong kaalaman sa paksang ito kung sa palagay mo ay nakalimutan mo kung paano pamahalaan ang mga dataset at magpatuloy tayo.
Ngayon kailangan kong mag-pre-save ng isang dataset na may mga kulay na pupuntahan ko gamitin (tinawag ko itomasaya na makarinig ng pabalik mula sa iyo!
Dataset na may mga diskwento) at idagdag ang WhatToEntermacro na may dropdown na pagpipilian. Kaya, narito ang aking dataset:Discount | Color code |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Kung iniisip mo kung saan kukunin ang mga code na iyon, gumawa lang ng isang bakanteng table, pumunta sa Properties nito at pumili ng anumang kulay. Makikita mo ang code nito sa kaukulang field, huwag mag-atubiling kopyahin ito mula doon.
Ginagawa ko ang WHAT_TO_ENTER macro at ikinonekta ito sa dataset na ito dahil kakailanganin ko ito sa ibang pagkakataon:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]Ang maliit na macro na ito ay tutulong sa akin na makuha ang discount dropdown na mapagpipilian. Kapag nagawa ko na, pipintahan ang kinakailangang bahagi ng aking mesa.
Naiintindihan ko kung gaano ito hindi malinaw sa ngayon kaya hindi ko iiwan sa iyo ang hindi pagkakaunawaan na ito at simulang ipakita kung paano baguhin ang kulay ng teksto o i-highlight ang isang cell. Gumagamit ako ng mga pangunahing sample para makuha mo ang ideya at kopyahin ang pamamaraang ito gamit ang sarili mong data.
Simulan na natin ito.
Baguhin ang kulay ng font ng text sa talahanayan
Magsimula tayo sa pagtatabing ng ilang teksto sa talahanayan. Naghanda ako ng template na may sample na talahanayan para sa aming mga eksperimento sa pagpipinta:
Aking layunin ay upang ipinta ang teksto sa kaukulang kulay depende sa dropdown na pagpipilian. Sa madaling salita, gusto kong mag-paste ng template, piliin ang kinakailangang rate ng diskwento mula sa dropdown list at ang naka-paste na text na ito ay makulayan. Sa anong kulay? Mag-scroll pataas sa dataset sa bahagi ng paghahanda, makikita mo na ang bawat rate ng diskwento ay may sariling code ng kulay. Ito ang gustong kulay na dapat gamitin.
Dahil gusto kong maidagdag ang diskwento mula sa dropdown na listahan, kailangan kong i-paste ang WhatToEnter macro sa cell na ito. Parang kailangan mong i-refresh ang iyong memorya sa paksang ito? Maglaan ng ilang sandali upang tingnan ang isa sa aking mga nakaraang tutorial ;)
Kaya, ang resultang talahanayan ay magiging ganito:
Sample na header 1 | Sample header 2 | Sample header 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount |
Tingnan, ang discount rate ay idaragdag mula sa dropdown list at ang salitang “discount” naroroon pa rin.
Ngunit paano ko ise-set up ang template upang maipinta ang teksto sa kaukulang kulay? Medyo madali talaga, kailangan ko lang i-update ng kaunti ang HTML ng template. Tapusin natin ang bahagi ng teorya at lumipat pakanan para magsanay.
Kulayan ang lahat ng text sa table cell
Unaoff, binuksan ko ang HTML code ng aking template at suriin ito nang mabuti:
Narito ang hitsura ng aking template sa HTML:
Tandaan. Dagdag pa, ipo-post ko ang lahat ng HTML code bilang teksto upang makopya mo ang mga ito sa sarili mong mga template at baguhin ang paraang gusto mo.
Tingnan natin ang HTML sa itaas. Ang unang linya ay ang mga katangian ng hangganan ng talahanayan (estilo, lapad, kulay, atbp.). Pagkatapos ay pupunta sa unang row
Interesado ako sa unang elemento ng pangalawang row gamit ang aking WHAT_TO_ENTER. Ang pangkulay ay gagawin sa pamamagitan ng pagdaragdag ng sumusunod na piraso ng code:
TEXT_TO_BE_COLOREDHati-hatiin ko ito para sa iyo at linawin ang bawat isa sa kanila:
- Ang KULAY parameter ang humahawak sa pagpipinta. Kung papalitan mo ito ng, sabihin nating, "pula", magiging pula ang text na ito. Gayunpaman, dahil ang aking gawain ay pumili ng isang kulay mula sa listahan ng dropdown, babalik ako sa paghahanda para sa isang segundo at kunin ang aking inihandang WhatToEnter macro mula doon: ~%WhatToEnter[{dataset: 'Dataset na may mga diskwento',column:'Discount',title: Pumili ng diskwento'}]
- TEXT_TO_BE_COLORED ay ang text na kailangang i-shade. Sa aking partikular na halimbawa, ito ay magiging " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (kopyahin ang pirasong ito mula mismo saang orihinal na HTML code para maiwasan ang data corruption).
Narito ang bagong piraso ng code na ilalagay ko sa aking HTML:
Tandaan. Maaaring napansin mo na ang parameter na "column" ay naiiba sa dalawang macro na iyon. Ito ay dahil kailangan kong ibalik ang halaga mula sa iba't ibang column, ibig sabihin, ang column:'Color code' ay magbabalik ng kulay na magpipintura sa text habang column:'Discount' – ang discount rate para sa pag-paste sa isang cell.
May bagong tanong na lumitaw – saang lugar ng HTML dapat ko itong ilagay? Sa pangkalahatan, dapat palitan ng text na ito ang TEXT_TO_BE_COLORED. Sa aking sample, ito ang magiging unang column (
Kapag na-save ko na ang mga pagbabago at i-paste ang na-update na template na ito, hihilingin sa akin ng isang pop-up window na pumili ng diskwento. Pumili ako ng 10% at ang aking teksto ay nakukulayan kaagad ng berde.
I-shade ang bahagi ng nilalaman ng cell
Ang lohika para sa pagkulay lamang ng isang bahagi ng cellang nilalaman ay karaniwang pareho – ang to-be-tinted na text lang ang papalitan mo ng code mula sa nakaraang kabanata na iniiwan ang natitirang bahagi ng text kung ano.
Sa halimbawang ito, kung kailangan kong kulayan lang ang porsyento (nang walang salitang "diskwento"), bubuksan ko ang HTML code, piliin ang bahagi na hindi kailangang kulayan ("diskwento" sa aming kaso) at ililipat ito sa tag:
Sa Kung sakaling ginagawa mo ang mga paghahanda sa pangkulay sa simula pa lang, tandaan lamang na ang text na may kulay sa hinaharap ay pumapalit sa TEXT_TO_BE_COLORED , ang natitira ay mananatili pagkatapos ng pagtatapos . Narito ang aking na-renew na HTML:
Nakikita mo? Inilagay ko lamang ang bahagi ng nilalaman ng aking cell sa loob ng mga tag, kaya't ang bahaging ito lamang ang kukulayan kapag nagpe-paste.
Ilapat ang conditional formatting sa mga cell ng talahanayan
Ngayon, baguhin natin nang kaunti ang gawain at subukang i-highlight hindi ang teksto kundi ang buong background ng mga cell sa parehong sample na talahanayan.
I-highlight ang isang cell
Habang binabago ko ang parehong talahanayan, hindi ko na uulitin ang aking sarili at i-paste ang HTML code ng orihinal na talahanayan sa kabanatang ito. Mag-scroll pataas ng kaunti o tumalon pakanan sa unang halimbawa ngang tutorial na ito upang makita ang hindi nabagong code ng walang kulay na talahanayan.
Kung gusto kong i-shade ang background ng cell na may diskwento, kakailanganin ko ring baguhin nang kaunti ang HTML, ngunit mag-iiba ang pagbabago sa ang pangkulay ng teksto. Ang pangunahing pagkakaiba ay ang kulay ay hindi dapat ilapat sa teksto ngunit sa buong cell.
Ganito ang hitsura ng to-be-highlight na cell sa HTML na format:
Dahil gusto kong i-highlight ang isang cell, dapat ilapat ang mga pagbabago sa katangian ng cell, hindi magtext. Sisirain ko ang linya sa itaas sa mga bahagi, linawin ang bawat isa sa kanila at ituro ang mga bahaging kailangang baguhin:
- “style=” ay nangangahulugan na ang cell ng row ay may ang mga sumusunod na katangian ng estilo. Dito muna tayo magpahinga. Habang magtatakda ako ng custom na kulay ng background, binabago ko ang style sa data-set-style .
- "width: 32.2925%; border: 1px solid black;" – iyon ang mga default na katangian ng istilo na ibig kong sabihin sa itaas. Kailangan kong magdagdag ng isa pa para i-customize ang background ng napiling cell: kulay ng background . Dahil ang layunin ko ay piliin ang kulay na gagamitin mula sa isang dropdown na listahan, babalik ako sa aking paghahanda at kumuha ng handa na WhatToEnter mula doon.
Tip. Kung gusto mong maipinta ang cell sa isang kulay at ayaw mong abalahin ka ng dropdown list sa bawat oras,palitan lamang ang isang macro ng pangalan ng kulay ("asul", halimbawa). Magiging ganito ang hitsura: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount
- “ ~%WhatToEnter[] discount ” ang nilalaman ng cell.
Kaya, narito ang na-update na hitsura ng HTML:
Ang natitirang bahagi ng talahanayan ay nananatili sa dati. Narito ang resultang HTML na magha-highlight sa cell na may rate ng porsyento:
Kapag na-save ko ang pagbabagong ito at na-paste ang na-update na talahanayan sa isang email, kukunin ko ang listahan ng dropdown na may mga diskwento at ang unang cell ay iha-highlight bilang binalak.
Kulayan ang buong row
Kapag hindi sapat ang isang cell, pinipinta ko ang buong row :) Maaaring isipin mo na kakailanganin mong ilapat ang mga hakbang mula sa seksyon sa itaas para sa lahat ng mga cell sa hanay. Magmamadali akong biguin ka, medyo mag-iiba ang procedure.
Sa mga tagubilin sa itaas, ipinakita ko sa iyo kung paano i-update ang background ng cell na binago ang HTML piece ng cell na ito. Simula ngayon ay ipipintura ko na ang kabuuanrow, kakailanganin kong kunin ang linyang HTML nito at ilapat ang mga pagbabago dito mismo.
Ngayon ito ay walang mga opsyon at mukhang . Kakailanganin ko upang magdagdag ng data-set-style= at i-paste ang aking WHAT_TO_ENTER doon. Sa resulta, ang linya ay magiging katulad ng nasa ibaba:
Kaya, ang buong HTML ng talahanayan na may ipipintura na cell ay magiging ganito:
Huwag mag-atubiling kopyahin ang HTML na ito para sa iyong sariling mga template upang matiyak na gumagana ito sa paraang inilalarawan ko. Bilang kahalili, magtiwala sa screenshot sa ibaba :)
Sumuma
Iyon lang ang gusto kong sabihin sa iyo tungkol sa kondisyonal na pag-format sa mga talahanayan ng Outlook ngayon. Ipinakita ko sa iyo kung paano baguhin ang kulay ng nilalaman ng mga cell at i-highlight ang kanilang background. Sana ay nagawa kong kumbinsihin ka na walang espesyal at mahirap sa pagbabago ng HTML ng template at magpapatakbo ka ng ilang mga eksperimento sa pagpipinta ng iyong sarili ;)
FYI, maaaring i-install ang tool mula sa Microsoft Store sa iyong PC, Mac o Windows tablet at ginamit sa lahat ng iyong device nang sabay-sabay.
Kung mayroon kang anumang mga tanong o, marahil, mga mungkahi tungkol sa pag-format ng mga talahanayan, mangyaring ipaalam sa akin sa Mga Komento. magiging ako