May kondisyong pag-format sa mga talahanayan ng Outlook

  • Ibahagi Ito
Michael Brown

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:

    Sample header 1 Sample header 2 Sample na header3 [Dapat ilagay dito ang rate ng diskwento]

    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 (3 table data cell elements para sa 3 column) kasama ang kanilang mga attribute. Pagkatapos ay makikita natin ang code ng pangalawang 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_COLORED

    Hati-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:

    ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

    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 ( ) ng pangalawang row (column). Kaya, pinapalitan ko ang WTE macro at ang salitang "discount" ng code sa itaas at kunin ang sumusunod na HTML:

    Sample header 1

    Sample header 2

    Sample header 3

    ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount' }] diskwento

    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:

    Sample na header 1

    Sample header 2

    Sample header 3

    ~%WhatToEnter[{dataset:'Dataset na may mga diskwento',column:'Discount',title:'Select discount'}] discount

    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:

    ~%WhatToEnter [{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

    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:

    ~ %WhatToEnter[{dataset:'Dataset na may mga diskwento',column:'Discount',title:'Select discount'}] discount

    Ang natitirang bahagi ng talahanayan ay nananatili sa dati. Narito ang resultang HTML na magha-highlight sa cell na may rate ng porsyento:

    Sample header 1

    Sample header 2

    Sample header 3

    ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

    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:

    Sample na header 1

    Sample header 2

    Sample header 3

    ~%WhatToEnter[{dataset :'Dataset na may mga diskwento',column:'Discount',title:'Select discount'}] discount

    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

    Si Michael Brown ay isang dedikadong mahilig sa teknolohiya na may hilig sa pagpapasimple ng mga kumplikadong proseso gamit ang mga tool sa software. Sa higit sa isang dekada ng karanasan sa industriya ng tech, hinasa niya ang kanyang mga kasanayan sa Microsoft Excel at Outlook, pati na rin ang Google Sheets at Docs. Ang blog ni Michael ay nakatuon sa pagbabahagi ng kanyang kaalaman at kadalubhasaan sa iba, na nagbibigay ng madaling sundan na mga tip at mga tutorial para sa pagpapabuti ng pagiging produktibo at kahusayan. Isa ka mang batikang propesyonal o baguhan, nag-aalok ang blog ni Michael ng mahahalagang insight at praktikal na payo para masulit ang mahahalagang software tool na ito.