Daptar eusi
Dina artikel ieu anjeun bakal ningali kumaha cara nerapkeun pormat kondisional kana wates tabel di Outlook. Kuring gé nunjukkeun anjeun kumaha carana ngarobah warna maranéhanana, lebar jeung gaya. Teras kuring bakal ngajarkeun anjeun kumaha ngadamel sababaraha modifikasi sakaligus sareng ngawarnaan tabel Outlook anjeun ku sababaraha cara.
Kahiji, abdi hoyong ngadamel headnote leutik pikeun blog ieu pendatang. Salaku dinten ayeuna urang bakal ngobrol ngeunaan pormat kondisional dina témplat, kuring bakal nunjukkeun anjeun kumaha nyetél éta kalayan leres ngagunakeun Témplat Email Dibagi kami tambihan pikeun Outlook. Alat ieu tiasa ngabantosan anjeun nempelkeun témplat anu tos disimpen kalayan sampurna formatna kana email anjeun sareng ngaleutikan rutin korespondensi anjeun ngan ukur sababaraha klik.
Upami anjeun parantos maca tutorial pormat Syarat dina tabel Outlook, anjeun terang. kumaha carana ngarobah eusi sél jeung warna latar. Nanging, éta sanés sadayana anu anjeun tiasa laksanakeun pikeun ngajantenkeun méja Outlook anjeun. Dinten ieu kuring bakal nunjukkeun anjeun cara pikeun ngawarnaan wates méja anjeun sareng ngarobih lebar sareng gayana.
Salain éta, bonus leutik ngantosan anjeun dina bab terakhir dimana kuring bakal nunjukkeun anjeun kumaha nerapkeun sababaraha modifikasi. dina waktos anu sami sareng ngadamel méja anjeun warni sareng caang sapertos kembang api dina tanggal 4 Juli ;)
Robah warna wates sél
Pikeun nunjukkeun anjeun kumaha lukisan watesna jalan, Kuring bakal nganggo conto anu sami tina tutorial minggu kamari. Kasus ieu di handap: Kuring nempelkeun aTim Microsoft, ngarasa Luncat pikeun pariksa réspon maranéhanana dina paguneman GitHub ieu :)
Catetan ahir
Kuring ngarep pisan kuring junun ngayakinkeun yén méja di Outlook sanés ngan ukur wates hideung sareng polos. téks. Aya seueur rohangan pikeun perbaikan sareng kréatipitas :)
Nalika anjeun mutuskeun nyandak sababaraha ékspérimén lukisan nyalira, pasang waé Témplat Email Dibagi ti Microsoft Store sareng nikmati!
Upami aya. aya patarosan anu tinggaleun anjeun peryogi bantosan pikeun pormat kondisional dina tabel Outlook, tinggalkeun sababaraha kecap dina bagian Koméntar sareng kami bakal terang;)
Tabel anu kuring bakal ngawarnaan dinten ieu nyaéta di handap:
| Sampel lulugu 1 | Sampel lulugu 2 | Sampel lulugu 3 |
| ~%WhatToEnter[ {dataset:'Dataset kalawan diskon', kolom:' Diskon', judul:'Pilih diskon'} ] diskon |
Salaku pormat kondisional diatur dina HTML témplat, hayu urang buka heula kode HTML tabel ieu:
- Buka template nu dipikaresep tur pencét Edit :
- Teangan nu Témbongkeun HTML ikon ( ) dina tulbar témplat:
- Tingali HTML aslina anu bakal dirobah sababaraha kali:
Upami anjeun heran ngeunaan warna sareng hubunganana sareng tarif diskon, kuring bakal masihan anjeun petunjuk :) Dataset! Henteu terang naon éta? Teras jeda sakedap sareng baca heula tutorial témplat Fillable Outlook abdi.
Ieu set data asli anu bakal kuring anggo di awal sareng ningkatkeun sakedik dina sababaraha bab:
| Diskon | Kode warna |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Lamun kuring kudu meunangkeun kode warna nu diperlukeun tina tabel ieu, kuring bakal make makro ieu:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Colorcode'}]Salaku sadaya dasarna katutupan, hayu urang mimitian ngarobah warna :)
Update warna wates hiji cell
Pikeun ngawarnaan wates-wates sél tunggal dina méja, hayu urang teangan heula garisna dina HTML témplat sareng tingali langkung-langkung komponénna:
- “ style= ” ngagambarkeun set parameter dasar sél.
- "lebar: 32%; wates: 1px solid #aeabab ” nyaéta lebar sél jeung wates, warna jeung gaya.
- “~%WhatToEnter[] discount” nyaéta eusi sél.
Baris kode ieu ngandung harti yén kuring bakal ningali sél kalayan wates abu-abu 1px tina gaya padet. Upami kuring ngagentos salah sahiji parameter éta, éta tiasa ngaruksak tampilan tabel dina citakan kuring, nyaéta watesna bakal teu katingali (sanaos sadayana bakal katingali sampurna saatos ditempelkeun).
Abdi hoyong gaduh standar. tabél dina citakan sarta geus eta dirobah nalika némpelkeun. Janten, kuring nambihan hiji atribut énggal sareng parameter anu bakal ngagentos anu asli nalika nempelkeun:
Hayu urang pariksa garis HTML di luhur:
- “ style="border : 1px solid #aeabab;" mangrupa atribut munggaran. Éta mangrupikeun sélulér asliciri.
- “ data-set-style= ” nyaéta parameter husus anu bakal nulungan kuring ngagentos atribut di luhur ku set sipat anu diperlukeun nalika nempelkeun.
- “ wates: 1px padet; border-color: " mangrupikeun bagian tina atribut kadua dimana urang bakal ngareureuhkeun. Tempo, awal idéntik jeung aslina, lebar wates sarua jeung gaya. Sanajan kitu, lamun datang ka warna (parameter nu abdi hoyong robah), Kuring ngaganti eta ku wates-warna: jeung nempelkeun WhatToEnter macro. Ku kituna, gumantung kana pilihan dropdown, makro bakal diganti ku kode warna jeung watesna bakal dicét deui.
- “~%WhatToEnter[] diskon” masih eusi sél nu teu merlukeun parobahan nanaon.
Ku alatan éta, HTML lengkep jeung sél warna hareup bakal kasampak kawas kieu:
Nalika anjeun nempelkeun template ieu , wates sél nu diropéa bakal langsung diwarnaan dina warna nu dipilih:
Cet wates sakabéh baris
Ayeuna hayu urang cet wates dina sakabeh baris tabel sampel urang tur tingal kumaha gawéna. Logika leres pisan sami sareng dinaparagraf di luhur kajaba anjeun kedah ngapdet sadaya sél dina baris kadua. Sakali modifikasi anu sarua anu kuring katutupan di luhur dilarapkeun ka sakabeh baris, éta bakal dicét dina kiceupan nalika nempelkeun témplat.
Upami anjeun hoyong ningali HTML siap sareng ngawarnaan baris kadua, ieu:
Robah rubak wates
Ayeuna hayu urang cobaan ngamutahirkeun lain ngan ukur warna wates tapi oge lebarna. Tingali deui atribut HTML anu ngagentos anu asli nalika nempelkeun:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Set data kalayan diskon',kolom:'Kode warna'}]">~%WhatToEnter[{dataset:'Dataset kalawan diskon',kolom:'Diskon',judul:'Pilih diskon'}] diskonTingali 1px parameter? Ieu lebar wates pikeun diwarnaan. Anjeun tiasa sacara manual ngarobih kana, contona, 2 sareng wates méja bakal langkung lega upami anjeun nempelkeunana.
Tapi, kuring bakal ngalakukeunana ku cara anu sanés. Kuring bakal ngamutahirkeun set data kuring sareng nambihan kolom énggal kalayan lebar wates. Dina hal ieu, sakali kuring milih laju hadir pikeun nempelkeun, duanana warna jeung lebar bakaldiropéa.
| Diskon | Kode warna | Rubak wates |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Ayeuna urang robih atribut kadua unggal baris sareng gentos 1px sareng potongan téks ieu:
lebar wates:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]Terus kuring ngulang deui pikeun sakabéh tilu sél baris kadua jeung meunang HTML handap dina hasil:
Sanggeus témplat ieu disimpen jeung ditempelkeun, wates biru nu ngalegaan bakal muncul dina surelek:
Robah gaya wates dina tabel
Dina bab ieu apter Abdi hoyong ngagambar perhatian anjeun ka parameter sejen - gaya. Ieu bakal nanganan penampilan wates. Sateuacan kuring nunjukkeun ka anjeun cara nerapkeunana anu leres, kuring kedah uih deui ka set data kuring sareng ngarobih saluyu sareng kasus ayeuna.
| Diskon | Bordergaya |
| 10% | Dashed |
| 15% | Ganda |
| 20% | Dititik |
| 25% | Ridge |
Kuring parantos ngahubungkeun unggal tingkat diskon sareng gaya wates sareng nyimpen set data ieu kanggo masa depan. Makro pikeun meunangkeun deui gaya HTML kuring bakal kieu:
~%WhatToEnter[{dataset:"Dataset with discounts",column:"Border style"}]Ayeuna kuring kudu ngamutahirkeun atribut baris kadua ku ngagentos solid (gaya standar anu kuring anggo sadayana) sareng makro di luhur pikeun kéngingkeun potongan kode ieu:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]Kieu HTML pamungkas:
Upami anjeun nyalin HTML ieu sareng témpél kana témplat anjeun, hasilna moal ngadagoan anjeun:
Setel pormat kondisional pikeun ngarobah sorotan, warna téks, jeung lebar wates dina waktu nu sarua
Kami geus ngahontal paling dipikaresep ting bagian sakumaha Abdi bade nunjukkeun anjeun kumaha nerapkeun sababaraha modifikasi dina hiji waktu. Mimiti, kuring bakal ngamutahirkeun set data anu kuring bakal nyandak datana.Kusabab kuring mutuskeun pikeun ngarobih panyorot sél, warna téks sareng lebar wates, sadaya parameter éta kedah disebatkeun. Ku kituna, set data anyar kuring bakal siga kieu:
| Diskon | Kode warna | Kode latar | Lebar wates |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5 |
Jadi, lamun kuring milih 10%, téks nu diperlukeun bakal dicét dina bulao (# 00B0F0 ), latar tukang sél dipilih bakal shaded dina nada biru muda (# DEEBF6 ) jeung watesna bakal dilegaan dua kali.
Tapi kumaha susunan data ieu bisa disambungkeun kana tabel Outlook sangkan formatna? Kuring parantos nyiapkeun anjeun pikeun tugas ieu dina 2 artikel :) Ieu mangrupikeun HTML anu bakal nanganan sadaya modifikasi anu diperyogikeun:
Ayeuna hayu urang tingali sagala modifikasi anu diterapkeun:
- Sampel lulugu 1 - potongan ieu bakal ngawarnaan téks lulugu tina kolom "Kode warna". Bisi ngarasaSapertos anjeun kedah nga-refresh mémori anjeun dina lukisan téks, tingali kana Robah warna font téks dina bab tabel tina tutorial kuring saméméhna.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'Background code',title:'Select discount'}] - bagian ieu ngamutahirkeun warna latar, nyokot kodeu tina kolom Background code set data. Punten tingali tutorial sél Sorotan upami anjeun peryogi pedaran anu langkung lengkep ngeunaan hal ieu.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – kalawan ieu HTML line borders lebar'bakal dirobah jadi nu dieusian dina Border width Abdi parantos parantos dijelaskeun sateuacana, anjeun tiasa ningali upami anjeun sono.
Nalika kuring nempelkeun témplat anu ditambahan atribut éta, hasilna moal ngantep kuring ngantosan:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>itu>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Nalika kuring nguji ngawarnaan wates dina tabel kuring nyanghareupan paripolah wates anu ambigu dina versi online sareng desktop Outlook. Janten rada bingung, kuring dugi ka pamekar kami pikeun klarifikasi. Aranjeunna mendakan yén klien Outlook anu béda-béda ngajantenkeun tabel dina cara anu béda-béda sareng alesan pikeun kabiasaan sapertos kitu nyaéta bug dina Outlook.Tim kami ngalaporkeun masalah ieu ka
