Tabloya naverokê
Di vê gotarê de hûn ê bibînin ka meriv çawa di Outlook-ê de li ser sînorên tabloyê formatkirina şertî bicîh tîne. Ez ê nîşanî we bidim ka meriv çawa reng, firehî û şêwaza wan biguhezîne. Dûv re ez ê fêrî we bikim ka meriv çawa di yek carê de çend guhertinan çêdike û tabloya xweya Outlook bi gelek awayên cihêreng rengîn dike.
Pêşî, ez dixwazim ji bo nûhatiyên vê blogê sernivîsek piçûk çêkim. Mîna ku îro em ê di şablonan de li ser formatkirina şertî biaxivin, ez ê nîşanî we bidim ka meriv çawa bi karanîna pêveka meya Şablonên E-nameyên Hevbeş ên ji bo Outlook-ê rast saz dike. Ev amûr dikare ji we re bibe alîkar ku hûn şablonên bêkêmasî yên ku ji berê hatine tomarkirin li e-nameyên xwe bixin û rûtînên pevragihana xwe bi çend klîk kêm bikin.
Heke we berê xwendiye formatkirina min a şertî di tabloyên Outlook de, hûn dizanin Meriv çawa naverok û rengê paşxaneya şaneyan biguhezîne. Lêbelê, ew ne her tiştê ku hûn dikarin bikin ku tabloya xweya Outlook ronî bikin. Îro ez ê rêyên ku hûn sînorên tabloya xwe bi şert û mercî rengîn bikin û firehî û şêwaza wan biguhezînin nîşanî we bidim.
Herweha, di beşa dawîn de bonusek piçûk li benda we ye ku ez ê nîşanî we bidim ka meriv çawa çend guhertinan bicîh tîne. di heman demê de û di 4ê tîrmehê de maseya xwe wek fîşekên hewayî rengîn û geş bikin ;)
Rengê sînorên şaneyan biguherînin
Ji bo ku nîşanî we bidim ka boyaxkirina sînoran çawa dixebite Ez ê heman nimûneyên ji dersa hefteya çûyî bikar bînim. Mesele ev e: Ez paste aTîma Microsoft-ê, di vê danûstendina GitHub de bi serbestî bersiva xwe binihêrin :)
Nîşeya dawîn
Ez bi rastî hêvî dikim ku min we îqna bike ku tabloyek li Outlook ne tenê sînorên reş ên bi sade ne nivîstok. Ji bo pêşkeftin û afirîneriyê gelek cîh heye :)
Dema ku hûn biryar didin ku çend ceribandinên wênesaziyê ji xwe re bikin, tenê Şablonên E-nameyên Parvekirî ji Microsoft Store saz bikin û kêfê bikin!
Heke hebin her pirsek ji we maye di tabloyên Outlook-ê de ji bo formatkirina şertî hewceyê alîkariyê ye, tenê çend peyvan di beşa Şîrove de bihêle û em ê wê fêhm bikin ;)
şablon û rêjeya dakêşanê hilbijêrin da ku tabloyê dagirin. Li gorî bijartina min, dê sînorên şaneyê bi rengê taybetî werin reng kirin.Tabloya ku ez ê îro rengîn bikim dê ya jêrîn be:
| Sernivîsa nimûneyê 1 | Nimûne sernivîsa 2 | Nimûne sernivîsa 3 |
| ~%WhatToEnter[ {dataset:'Daneyên bi daxistinan', stûn:' Tenzîlat', sernav:'Derzanî hilbijêre'} ] erzankirin |
Çawa ku di qalibên HTML-ê de qalibkirina şertî tê xebitandin, em Pêşî koda HTML-a vê tabloyê veke:
- Şablona eleqedar veke û lêxe Guherandin :
- Bibîne Îkona HTML-ê ( ) li ser darika amûrê ya şablonê binêre:
- HTML-ya eslî ya ku dê gelek caran were guherandin binêre:
Heke hûn ji rengan û girêdana wan bi rêjeyên dakêşanê re meraq dikin, ez ê îşaretekê bidim we :) Dataset! Ma nizanin ew çi ye? Dûv re rawestek piçûk bisekine û pêşî dersnameya min a şablonên Outlook-ê Fillable bixwînin.
Li vir daneya orîjînal e ku ez ê di destpêkê de bikar bînim û di çend beşan de piçek çêtir bikim:
| Daxistin | Koda rengîn |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Dema ku ez hewce bikim ku koda rengê pêwîst ji vê tabloyê bistînim, ez ê makroya jêrîn bikar bînim:
~%WhatToEnter[{dataset:'Daneyên bi daxistinan',column:'Koda Rengê'}]Çawa ku hemû bingehên me hene, werin em dest bi guherandina rengan bikin :)
Rengê sînorê yekî nûve bikin şanek
Ji bo rengkirina sînorên yek şaneyê di tabloyekê de, em pêşî rêzika wê di HTML-a şablonê de bibînin û ji nêz ve li pêkhateyên wê binêrin:
- “ style= ” komek pîvanên bingehîn ên şaneyê nîşan dide.
- “width: 32%; sînor: 1px solid #aeabab ” firehî, reng û şêwaza şaneyê û sînoran in.
- “~%WhatToEnter[] discount” naveroka şaneyê ye.
Ev rêzika kodê tê vê wateyê ku ez ê şaneyek bi 1px sînorên gewr ên şêwazek zexm bibînim. Ger ez yek ji wan parameteran biguhêzim, dibe ku ew xuyangê tabloya di şablonê min de xera bike, ango sînor dê nexuyan bin (tevî ku piştî lêdanê dê her tişt bêkêmasî xuya bike).
Ez dixwazim standardek hebe. sifrê di şablonê de ye û dema ku tê lêkirin were guheztin. Ji ber vê yekê, ez taybetmendiyek nû bi pîvanên ku dê di şûna yên orîjînal de bigire lê zêde bikim:
Werin em rêzika HTML-ê ya li jor bikolin:
- “ style="border : 1px solid #aeabab;" taybetmendiya yekem e. Ew eslê hucreyê netaybetmendî.
- “ data-set-style= ” parametreyek taybet e ku dê ji min re bibe alîkar ku ez taybetmendiya li jor bi komek taybetmendiyên pêwîst di dema lêkirinê de biguhêzim.
- “ border:1px solid; border-color: ” beşa taybetmendiya duyemîn e ku em ê li wir rawestin. Binêrin, destpêk bi orîjînal re yek e, heman firehiya sînor û şêwaza. Lêbelê, gava ku dor tê reng (parametra ku ez dixwazim biguherim), ez wê bi reng-sînor: diguhezînim û makroya WhatToEnter pêve dikim. Ji ber vê yekê, li gorî bijartina dakêşanê, makro dê bi koda rengîn ve were guheztin û sînor dê ji nû ve were boyax kirin.
- “~%WhatToEnter[] daxistin” hîn jî naveroka hucreyê ye ku guherandinek hewce nake.
Ji ber vê yekê, HTML-ya tevahî ya bi şaneya rengîn a pêşerojê dê wiha xuya bike:
Dema ku hûn vê şablonê bixin , sînorê şaneya nûvekirî dê di cih de bi rengê hilbijartî were rengîn kirin:
Herêmên hemî rêzê boyax bikin
Niha em sînorên li ser tevahiya rêza tabloya nimûneya me û bibînin ka ew çawa dixebite. Mantiq bi tevahî wekî ya di nav de yeparagrafa jorîn ji bilî ku hûn hewce ne ku hemî hucreyên rêza duyemîn nûve bikin. Gava ku heman guherandinên ku min li jor xêz kirin li ser tevaya rêzê têne sepandin, dema ku şablonê tê xêzkirin, ew bi çavek xuya dibe.
Heke hûn dixwazin lê binêrin HTML-ya amade bi rengdêra rêza duyemîn, li vir diçe:
Peymana sînor biguherîne
Niha em biceribînin ku ne tenê rengê sînor lê di heman demê de firehiya wê jî nûve bikin. Careke din li taybetmendiya HTML-ê ya ku di şûna ya orîjînal de digire binêre:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Daneyên bi daxistinan',stûn:'Koda Rengê'}]">~%WhatToEnter[{dataset:'Daneyên bi daxistinan',stûn:'Danûstandin',sernav:'Derxistinê hilbijêre'}] daxistinaBinêre 1px parametre? Ev firehiya sînorên ku werin rengdan e. Hûn dikarin bi destan wê biguhezînin, mînakî, 2-ê û gava ku hûn wê pê bikin dê sînorên maseyê firehtir bibin.
Lêbelê, ez ê bi rengek din bikim. Ez ê databasa xwe nûve bikim û stûnek nû bi firehiya sînoran lê zêde bikim. Di vê rewşê de, gava ku ez rêjeyek heyî ji bo lêdanê hilbijêrin, hem reng û hem jî firehî dê bibinnûvekirin.
| English | Koda rengîn | Pirahiya sînor |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Niha em taybetmendiya duyemîn a her rêzê biguhezînin û li şûna 1px perçeya nivîsê ya jêrîn biguherînin:
firehiya sînor:~%WatToEnter [{dataset:'Daneyên bi daxistinan',stûn:'Pirahiya sînor'}]Piştre ez wê ji bo her sê şaneyên rêza duyemîn dubare dikim û di encamê de HTML-ya jêrîn distînim:
Dema ku ev şablon were hilanîn û lêkirin, dê sînorên şîn ên berfireh di e-nameyekê de xuya bibin:
Di tabloyekê de şêwaza sînoran biguherîne
Di vê ch apter Ez dixwazim bala we bikişînim ser pîvanek din - şêwaz. Ev yek dê xuyangiya sînoran bigire. Berî ku ez nîşanî we bidim ka meriv wê çawa rast bicîh tîne, ez ê hewce bikim ku vegerim ser databasa xwe û wê li gorî rewşa xwe ya heyî biguhezînim.
| Derzanî | Sînorstyle |
| 10% | Dashed |
| 15% | Double |
| 20% | Xalkirî |
| 25% | Qiral |
Min her rêjeyek dakêşanê bi şêwazek sînorî ve girêda û ev databas ji bo pêşerojê tomar kir. Makroya ku şêwaza HTML-a min vedigire dê ya li jêr be:
~%WhatToEnter[{dataset:"Daneyên bi daxistinan", stûn:"Şêweya sînor"}]Niha divê ez nûve bikim Taybetmendiyên rêza duyemîn bi guheztina zexm (şêwaza xwerû ya ku min her dem bikar aniye) bi makroya jorîn re biguhezîne da ku koda jêrîn bistînin:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Daneyên bi daxistinan',stûn:'Şêweya Serhedê'}]HTML-ya dawîn li vir e:
Heke hûn vê HTML-ê kopî bikin û pê bikin ji şablonên we re, encam dê we li bendê nehêle:
Formatkirina şertî saz bikin da ku ronîkirin, rengê nivîsê û firehiya sînoran di heman demê de biguherînin
Em gihîştine berjewendiya herî zêde ting beşek ji ber ku ez ê nîşanî we bidim ka meriv çawa di yek carê de pir guheztinê bicîh tîne. Pêşî, ez ê databasa ku ez ê daneyan jê bistînim nûve bikim.Ji ber ku min biryar da ku ronîkirina hucreyan, rengê nivîsê û firehiya sînoran biguhezînim, pêdivî ye ku hemî wan parameteran bêne diyar kirin. Ji ber vê yekê, databasa min a nû dê wiha xuya bike:
| Derxistin | Koda rengîn | Koda paşerojê | Pirahiya sînor |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5 |
Ji ber vê yekê, heke ez 10% hilbijêrim, nivîsa pêwîst dê bi şîn were boyax kirin (# 00B0F0 ), paşxaneya şaneyên hilbijartî dê di nav de were şîn kirin. dengek şîn a sivik (# DEEBF6 ) û tixûbên wan dê du caran bêne fireh kirin.
Lê çawa ev datat dikare bi tabloyek Outlook-ê ve were girêdan da ku ew were format kirin? Min di 2 gotaran de we ji bo vî karî amade kir :) Li vir HTML-ya ku dê hemî guheztinên pêwîst bi rê ve bibe diçe:
Niha em mêze bikin li hemî guherandinên hatine bicîh kirin:
- Sernivîsa nimûne 1 - ev beş dê nivîsa sernivîsê ji stûna "Koda Rengê" bi rengek rengîn bike. Heke hûn hest dikinmîna ku hûn hewce ne ku bîranîna xwe li ser tabloya nivîsê nû bikin, li beşa tabloya dersa min a berê de binihêrin Rengê tîpên nivîsê biguherînin.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Daneyên bi daxistinan', stûn:'Koda paşîn', sernav:'Derxistin hilbijêre'}] - ev beş rengê paşxanê nû dike, koda xwe ji stûna Koda paşînê ya danezanê digire. Ger hûn hîs dikin ku hewcedariya we bi danasîna berfirehtir a vê dozê heye, hûn bi serbestî li dersa şaneyên Highlight binêrin.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Daneyên bi daxistinan',stûn:'Pêhna sînor'}] – bi vê rêza HTML-ê firehiya sînorên wê were guheztin bo ya ku di Pirahiya sînoran de hatiye diyarkirin Min ew di berê de girtiye, dibe ku hûn lê binerin heke we tiştek ji dest nexist.
Gava ku ez şablonek bi wan taybetmendiyan lê hatine zêdekirin bixim, encam dê min li bendê nehêle:
Berî girtina vê mijarê têbînîyeke biçûk heye ku ez dixwazim bikim. Dema ku min rengkirina sînoran di tabloyan de ceriband, min hem di guhertoyên serhêl û hem jî yên sermaseyê yên Outlook-ê de bi tevgerek pir nezelal ya sînoran re rû bi rû ma. Ji ber ku hinekî tevlihev bûm, ez gihîştim pêşdebirên me ji bo zelalkirinê. Wan dît ku xerîdarên Outlook-ê yên cihê tabloyan bi awayên cihêreng pêşkêş dikin û sedema vê tevgerê xeletiyek di Outlook-ê de ye.
Tîma me ev pirsgirêk ragihand
