విషయ సూచిక
ఈ కథనంలో మీరు Outlookలో పట్టిక సరిహద్దులకు షరతులతో కూడిన ఆకృతీకరణను ఎలా వర్తింపజేయాలో చూస్తారు. వాటి రంగు, వెడల్పు మరియు శైలిని ఎలా మార్చాలో నేను మీకు చూపిస్తాను. అప్పుడు నేను మీకు ఒకేసారి అనేక మార్పులు చేయడం మరియు మీ Outlook పట్టికను అనేక రకాలుగా ఎలా రంగులు వేయాలో నేర్పుతాను.
మొదట, నేను ఈ బ్లాగ్ కొత్తవారి కోసం ఒక చిన్న హెడ్‌నోట్ చేయాలనుకుంటున్నాను. ఈ రోజు మనం టెంప్లేట్‌లలో షరతులతో కూడిన ఫార్మాటింగ్ గురించి మాట్లాడుతాము, Outlook కోసం మా షేర్డ్ ఇమెయిల్ టెంప్లేట్‌ల యాడ్-ఇన్‌ని ఉపయోగించి వాటిని ఎలా సరిగ్గా సెటప్ చేయాలో నేను మీకు చూపుతాను. ఈ సాధనం మీ ఇమెయిల్‌లకు ముందుగా సేవ్ చేసిన సంపూర్ణంగా ఫార్మాట్ చేయబడిన టెంప్లేట్‌లను అతికించడానికి మరియు మీ కరస్పాండెన్స్ రొటీన్‌ని కొన్ని క్లిక్‌ల విషయానికి కుదించడంలో మీకు సహాయపడుతుంది.
మీరు ఇప్పటికే Outlook టేబుల్స్ ట్యుటోరియల్‌లో నా షరతులతో కూడిన ఫార్మాటింగ్‌ని చదివి ఉంటే, మీకు తెలుసు సెల్ కంటెంట్ మరియు నేపథ్య రంగును ఎలా మార్చాలి. అయితే, మీ Outlook పట్టికను ప్రకాశవంతం చేయడానికి మీరు చేయగలిగినదంతా కాదు. ఈ రోజు నేను మీ టేబుల్ అంచులకు షరతులతో రంగులు వేయడానికి మరియు వాటి వెడల్పు మరియు శైలిని సవరించడానికి మార్గాలను చూపుతాను.
అంతేకాకుండా, చివరి అధ్యాయంలో ఒక చిన్న బోనస్ మీ కోసం వేచి ఉంది, ఇక్కడ నేను అనేక మార్పులను ఎలా వర్తింపజేయాలో మీకు చూపుతాను. అదే సమయంలో మరియు జూలై 4న బాణాసంచా కాల్చిన విధంగా మీ టేబుల్‌ని కలర్‌ఫుల్‌గా మరియు ప్రకాశవంతంగా చేయండి ;)
సెల్ సరిహద్దుల రంగును మార్చండి
సరిహద్దుల పెయింటింగ్ ఎలా పని చేస్తుందో మీకు చూపించడానికి, నేను గత వారం ట్యుటోరియల్ నుండి అదే నమూనాలను ఉపయోగిస్తాను. కేసు క్రింది ఉంది: నేను అతికించండి aమైక్రోసాఫ్ట్ బృందం, ఈ GitHub సంభాషణలో వారి ప్రతిస్పందనను తనిఖీ చేయడానికి సంకోచించకండి :)
చివరి గమనిక
Outlookలోని పట్టిక సాదాసీదాగా ఉన్న నలుపు అంచులు మాత్రమే కాదని నేను మిమ్మల్ని ఒప్పించగలిగానని ఆశిస్తున్నాను వచనం. మెరుగుదల మరియు సృజనాత్మకత కోసం చాలా స్థలం ఉంది :)
మీరు మీ స్వంతంగా కొన్ని పెయింటింగ్ ప్రయోగాలు చేయాలని నిర్ణయించుకున్నప్పుడు, Microsoft Store నుండి షేర్డ్ ఇమెయిల్ టెంప్లేట్‌లను ఇన్‌స్టాల్ చేసి ఆనందించండి!
ఉంటే మీలో ఏవైనా ప్రశ్నలు మిగిలి ఉంటే Outlook పట్టికలలో షరతులతో కూడిన ఫార్మాటింగ్‌లో కొంత సహాయం కావాలి, వ్యాఖ్యల విభాగంలో కొన్ని పదాలను వదిలివేయండి మరియు మేము దానిని కనుగొంటాము ;)
టెంప్లేట్ మరియు పట్టికను పూరించడానికి తగ్గింపు రేటును ఎంచుకోండి. నా ఎంపికపై ఆధారపడి, సెల్ అంచులు నిర్దిష్ట రంగులో ఉంటాయి.నేను ఈరోజు రంగు వేయబోయే పట్టిక దిగువన ఉంటుంది:
| నమూనా హెడర్ 1 | నమూనా శీర్షిక 2 | నమూనా శీర్షిక 3 | |
| ~%WhatToEnter[ {dataset:'డిస్కౌంట్లతో డేటాసెట్', కాలమ్:' తగ్గింపు', శీర్షిక:'తగ్గింపును ఎంచుకోండి'} ] తగ్గింపు |
టెంప్లేట్‌ల HTMLలో షరతులతో కూడిన ఫార్మాటింగ్ నిర్వహించబడుతున్నందున, చూద్దాం ముందుగా ఈ పట్టిక యొక్క HTML కోడ్‌ని తెరవండి:
- ఆసక్తి ఉన్న టెంప్లేట్‌ని తెరిచి, సవరించు :
- కనుగొను <1ని నొక్కండి>టెంప్లేట్ యొక్క టూల్‌బార్‌లో HTML చిహ్నాన్ని ( ) వీక్షించండి:
- అసలు HTMLని చూడండి, అది అనేకసార్లు సవరించబడుతుంది:
రంగులు మరియు డిస్కౌంట్ రేట్‌లతో వాటి కనెక్షన్ గురించి మీరు ఆశ్చర్యపోతే, నేను మీకు సూచన ఇస్తాను :) డేటాసెట్! అది ఏమిటో తెలియదా? తర్వాత కొద్దిసేపు పాజ్ చేసి, ముందుగా నా పూరించదగిన Outlook టెంప్లేట్‌ల ట్యుటోరియల్‌ని చదవండి.
ఇక్కడ అసలు డేటాసెట్‌ని నేను ప్రారంభంలో ఉపయోగిస్తాను మరియు కొన్ని అధ్యాయాలలో కొద్దిగా మెరుగుపరుస్తాను:
| తగ్గింపు | కలర్ కోడ్ |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
నేను ఈ పట్టిక నుండి అవసరమైన రంగు కోడ్‌ని తిరిగి పొందవలసి వచ్చినప్పుడు, నేను క్రింది మాక్రోని ఉపయోగిస్తాను:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'color code'}]మనకు అన్ని ప్రాథమిక అంశాలు ఉన్నాయి కాబట్టి, రంగులను మార్చడం ప్రారంభిద్దాం :)
ఒకదాని అంచు రంగును నవీకరించండి సెల్
టేబుల్‌లోని ఒకే సెల్ అంచులకు రంగులు వేయడానికి, ముందుగా టెంప్లేట్ యొక్క HTMLలో దాని లైన్‌ను కనుగొని, దాని భాగాలను నిశితంగా పరిశీలిద్దాం:
- “ style= ” అనేది సెల్ యొక్క ప్రాథమిక పారామితుల సమితిని సూచిస్తుంది.
- “వెడల్పు: 32%; అంచు: 1px ఘన #aeabab ” అనేది సెల్ మరియు అంచు యొక్క వెడల్పు, రంగు మరియు శైలి.
- “~%WhatToEnter[] డిస్కౌంట్” ఇది సెల్ యొక్క కంటెంట్.
ఈ కోడ్ లైన్ అంటే నేను ఘన శైలిలో 1px బూడిద రంగు అంచులతో సెల్‌ని చూస్తాను. నేను ఆ పారామితులలో దేనినైనా భర్తీ చేస్తే, అది నా టెంప్లేట్‌లోని పట్టిక రూపాన్ని పాడుచేయవచ్చు, అనగా సరిహద్దులు కనిపించకుండా ఉంటాయి (అయినప్పటికీ అతికించిన తర్వాత ప్రతిదీ ఖచ్చితంగా కనిపిస్తుంది).
నేను ప్రమాణాన్ని కలిగి ఉండాలనుకుంటున్నాను. ఒక టెంప్లేట్‌లో పట్టిక మరియు అతికించేటప్పుడు దానిని సవరించండి. కాబట్టి, నేను అతికించేటప్పుడు అసలైన వాటిని భర్తీ చేసే పారామీటర్‌లతో ఒక కొత్త లక్షణాన్ని జోడిస్తాను:
పైన ఉన్న HTML లైన్‌ని పరిశీలిద్దాం:
- “ style="border : 1px solid #aeabab;" అనేది మొదటి లక్షణం. అవి సెల్ యొక్క అసలైనవిలక్షణాలు.
- “ data-set-style= ” అనేది ఒక ప్రత్యేక పరామితి, ఇది అతికించే సమయంలో అవసరమైన లక్షణాల సెట్‌తో ఎగువ లక్షణాన్ని భర్తీ చేయడంలో నాకు సహాయం చేస్తుంది.
- “ అంచు:1px ఘన; సరిహద్దు-రంగు: " అనేది రెండవ లక్షణంలో భాగం, ఇక్కడ మేము పాజ్ చేస్తాము. చూడండి, ప్రారంభం అసలు, అదే అంచు వెడల్పు మరియు శైలికి సమానంగా ఉంటుంది. అయితే, రంగు విషయానికి వస్తే (నేను మార్చాలనుకుంటున్న పరామితి), నేను దానిని బోర్డర్-కలర్: తో భర్తీ చేసి, WhatToEnter మాక్రోని అతికించాను. అందువల్ల, డ్రాప్‌డౌన్ ఎంపికపై ఆధారపడి, మాక్రో రంగు కోడ్‌తో భర్తీ చేయబడుతుంది మరియు అంచు మళ్లీ పెయింట్ చేయబడుతుంది.
- “~%WhatToEnter[] డిస్కౌంట్” ఇప్పటికీ సెల్ కంటెంట్ ఎటువంటి మార్పులు అవసరం లేదు.
అందువలన, భవిష్యత్తు-రంగు సెల్‌తో పూర్తి HTML ఇలా కనిపిస్తుంది:
మీరు ఈ టెంప్లేట్‌ను అతికించినప్పుడు , నవీకరించబడిన సెల్ యొక్క అంచు వెంటనే ఎంచుకున్న రంగులో రంగు వేయబడుతుంది:
మొత్తం అడ్డు వరుస యొక్క అంచులను పెయింట్ చేయండి
ఇప్పుడు మనం సరిహద్దులను పెయింట్ చేద్దాం మా నమూనా పట్టిక మొత్తం వరుస మరియు అది ఎలా పని చేస్తుందో చూడండి. లో లాజిక్ ఖచ్చితంగా అదేమీరు రెండవ వరుసలోని అన్ని సెల్‌లను అప్‌డేట్ చేయాలి తప్ప పై పేరా. నేను పైన వివరించిన అదే సవరణలు మొత్తం అడ్డు వరుసకు వర్తింపజేయబడిన తర్వాత, టెంప్లేట్‌ను అతికించినప్పుడు అది మినుకు మినుకు మంటూ పెయింట్ చేయబడుతుంది.
మీరు చూడాలనుకుంటే రెండవ అడ్డు వరుస రంగులతో సిద్ధంగా ఉన్న HTML, ఇదిగోండి 3>
అంచు వెడల్పును మార్చండి
ఇప్పుడు సరిహద్దు రంగును మాత్రమే కాకుండా దాని వెడల్పును కూడా నవీకరించడానికి ప్రయత్నిద్దాం. అతికించేటప్పుడు అసలైన దాన్ని భర్తీ చేసే HTML లక్షణాన్ని మరోసారి పరిశీలించండి:
data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{dataset:' డిస్కౌంట్లతో డేటాసెట్',నిలువు:'కలర్ కోడ్'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] డిస్కౌంట్చూడండి 1px పరామితి? ఇది రంగు వేయవలసిన సరిహద్దుల వెడల్పు. మీరు దీన్ని మాన్యువల్‌గా 2కి మార్చవచ్చు మరియు మీరు దానిని అతికించిన తర్వాత పట్టిక అంచులు విస్తృతమవుతాయి.
అయితే, నేను దానిని మరొక విధంగా చేస్తాను. నేను నా డేటాసెట్‌ను అప్‌డేట్ చేస్తాను మరియు అంచుల వెడల్పుతో కొత్త కాలమ్‌ని జోడిస్తాను. ఈ సందర్భంలో, నేను అతికించడానికి ప్రస్తుత ధరను ఎంచుకున్న తర్వాత, రంగు మరియు వెడల్పు రెండూ ఉంటాయినవీకరించబడింది.
| తగ్గింపు | రంగు కోడ్ | అడ్డు వెడల్పు |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
ఇప్పుడు ప్రతి పంక్తి యొక్క రెండవ లక్షణాన్ని సవరించి, 1px ని క్రింది టెక్స్ట్ ముక్కతో భర్తీ చేద్దాం:
border-width:~%WhatToEnter [{డేటాసెట్:'డిస్కౌంట్లతో డేటాసెట్',నిలువు:'బోర్డర్ వెడల్పు'}]తర్వాత నేను రెండవ వరుసలోని మూడు సెల్‌ల కోసం దీన్ని పునరావృతం చేస్తాను మరియు ఫలితంగా క్రింది HTMLని పొందుతాను:
ఈ టెంప్లేట్‌ని సేవ్ చేసి, అతికించిన తర్వాత, విశాలమైన నీలం అంచులు ఇమెయిల్‌లో కనిపిస్తాయి:
పట్టికలో సరిహద్దుల శైలిని సవరించండి
ఇందులో చ apter నేను మీ దృష్టిని మరొక పరామితి - శైలికి ఆకర్షించాలనుకుంటున్నాను. ఇది సరిహద్దుల రూపాన్ని నిర్వహిస్తుంది. దీన్ని సరిగ్గా ఎలా వర్తింపజేయాలో నేను మీకు చూపించే ముందు, నేను నా డేటాసెట్‌కి తిరిగి రావాలి మరియు నా ప్రస్తుత కేసుకు అనుగుణంగా దాన్ని సవరించాలి.
| తగ్గింపు | సరిహద్దుశైలి |
| 10% | డాష్ |
| 15% | డబుల్ |
| 20% | చుక్కలు |
| 25% | రిడ్జ్ |
నేను ప్రతి తగ్గింపు రేటును సరిహద్దు శైలితో అనుబంధించాను మరియు భవిష్యత్తు కోసం ఈ డేటాసెట్‌ను సేవ్ చేసాను. నా HTML కోసం స్టైల్‌ని తిరిగి పొందే మాక్రో క్రిందిది:
~%WhatToEnter[{డేటాసెట్:"డిస్కౌంట్లతో కూడిన డేటాసెట్",కాలమ్:"బోర్డర్ స్టైల్"}]ఇప్పుడు నేను అప్‌డేట్ చేయాలి కింది కోడ్ ముక్కను పొందడానికి పైన ఉన్న మాక్రోతో ఘనమైన (నేను అన్నింటిలోనూ ఉపయోగిస్తున్న డిఫాల్ట్ శైలిని) భర్తీ చేయడం ద్వారా రెండవ వరుస యొక్క లక్షణాలు:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]ఇదిగో చివరి HTML:
మీరు ఈ HTMLని కాపీ చేసి పేస్ట్ చేస్తే మీ టెంప్లేట్‌లకు, ఫలితం మిమ్మల్ని నిరీక్షించదు:
హైలైటింగ్, టెక్స్ట్ రంగు మరియు అంచుల వెడల్పును ఒకే సమయంలో మార్చడానికి షరతులతో కూడిన ఫార్మాటింగ్‌ని సెటప్ చేయండి
మేము చాలా ఆసక్తిని చేరుకున్నాము ఒక సమయంలో బహుళ సవరణలను ఎలా వర్తింపజేయాలో నేను మీకు చూపించబోతున్నాను. ముందుగా, నేను డేటాను తిరిగి పొందే డేటాసెట్‌ను అప్‌డేట్ చేస్తాను.నేను సెల్‌ల హైలైటింగ్, టెక్స్ట్ కలర్ మరియు బార్డర్‌ల వెడల్పును మార్చాలని నిర్ణయించుకున్నాను కాబట్టి, ఆ పారామితులన్నింటినీ పేర్కొనాలి. అందువల్ల, నా కొత్త డేటాసెట్ ఇలా కనిపిస్తుంది:
| తగ్గింపు | కలర్ కోడ్ | నేపథ్య కోడ్ | అడ్డు వెడల్పు |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5<11 |
కాబట్టి, నేను 10% ఎంచుకుంటే, అవసరమైన వచనం నీలం రంగులో పెయింట్ చేయబడుతుంది (# 00B0F0 ), ఎంచుకున్న సెల్‌ల నేపథ్యం షేడ్ చేయబడుతుంది లేత నీలం రంగు టోన్ (# DEEBF6 ) మరియు వాటి సరిహద్దులు రెండుసార్లు విస్తరించబడతాయి.
అయితే ఈ డేటాసెట్‌ను Outlook టేబుల్‌కి ఎలా కనెక్ట్ చేయవచ్చు, తద్వారా అది ఫార్మాట్ చేయబడుతుంది? నేను 2 కథనాలలో ఈ పని కోసం మిమ్మల్ని సిద్ధం చేస్తున్నాను :) అవసరమైన అన్ని సవరణలను నిర్వహించే HTML ఇక్కడ ఉంది:
ఇప్పుడు వర్తించిన అన్ని సవరణలను చూద్దాం:
- నమూనా హెడర్ 1 - ఈ భాగం “కలర్ కోడ్” కాలమ్ నుండి హెడర్ టెక్స్ట్‌ను రంగులో పెయింట్ చేస్తుంది. ఒకవేళ మీకు అనిపిస్తేమీరు టెక్స్ట్ పెయింటింగ్‌పై మీ మెమరీని రిఫ్రెష్ చేయవలసి ఉన్నట్లుగా, నా మునుపటి ట్యుటోరియల్‌లోని టేబుల్ అధ్యాయంలో టెక్స్ట్ యొక్క ఫాంట్ రంగును మార్చండి చూడండి.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'background code',title:'Select discount'}] - ఈ భాగం డేటాసెట్‌లోని నేపధ్యం కోడ్ కాలమ్ నుండి దాని కోడ్‌ని తీసుకొని బ్యాక్‌గ్రౌండ్ రంగును అప్‌డేట్ చేస్తుంది. మీకు ఈ కేసు గురించి మరింత వివరణాత్మక వివరణ అవసరమని భావిస్తే, హైలైట్ సెల్‌ల ట్యుటోరియల్‌ని చూసేందుకు సంకోచించకండి.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – ఈ HTML లైన్‌తో సరిహద్దుల వెడల్పు Border width లో పేర్కొన్న దానికి మార్చబడుతుంది నేను దీన్ని ఇంతకు ముందే కవర్ చేసాను, మీరు ఏదైనా మిస్ అయినట్లయితే మీరు ఒక లుక్ వేయవచ్చు.
నేను ఆ గుణాలను జోడించి టెంప్లేట్‌ను అతికించినప్పుడు, ఫలితం నన్ను వేచి ఉండనివ్వదు:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> నేను పట్టికలలో సరిహద్దుల రంగును పరీక్షిస్తున్నప్పుడు Outlook యొక్క ఆన్‌లైన్ మరియు డెస్క్‌టాప్ వెర్షన్‌లలో సరిహద్దుల యొక్క అస్పష్టమైన ప్రవర్తనను నేను ఎదుర్కొన్నాను. కొంచెం గందరగోళంగా ఉన్నందున, నేను స్పష్టత కోసం మా డెవలపర్‌లను సంప్రదించాను. విభిన్న Outlook క్లయింట్‌లు వివిధ మార్గాల్లో పట్టికలను అందజేస్తారని వారు కనుగొన్నారు మరియు Outlookలో బగ్ కారణంగా ఇటువంటి ప్రవర్తనకు కారణం.మా బృందం ఈ సమస్యను వీరికి నివేదించింది.
