اس مضمون میں آپ دیکھیں گے کہ آؤٹ لک میں ٹیبل کے بارڈرز پر مشروط فارمیٹنگ کیسے لاگو کی جائے۔ میں آپ کو دکھاؤں گا کہ ان کا رنگ، چوڑائی اور انداز کیسے تبدیل کیا جائے۔ پھر میں آپ کو سکھاؤں گا کہ کس طرح ایک وقت میں کئی ترمیم کرنا ہے اور اپنے آؤٹ لک ٹیبل کو مختلف طریقوں سے رنگین کرنا ہے۔

سب سے پہلے، میں اس بلاگ کے نئے آنے والوں کے لیے ایک چھوٹا سا ہیڈ نوٹ بنانا چاہوں گا۔ جیسا کہ آج ہم ٹیمپلیٹس میں مشروط فارمیٹنگ کے بارے میں بات کریں گے، میں آپ کو دکھاؤں گا کہ آؤٹ لک کے لیے ہمارے مشترکہ ای میل ٹیمپلیٹس ایڈ ان کا استعمال کرتے ہوئے انہیں صحیح طریقے سے کیسے ترتیب دیا جائے۔ یہ ٹول آپ کو پہلے سے محفوظ شدہ بالکل فارمیٹ شدہ ٹیمپلیٹس کو اپنی ای میلز میں چسپاں کرنے اور آپ کے خط و کتابت کے معمولات کو چند کلکس تک سکڑنے میں مدد کر سکتا ہے۔

اگر آپ آؤٹ لک ٹیبلز ٹیوٹوریل میں میری مشروط فارمیٹنگ پہلے ہی پڑھ چکے ہیں، تو آپ جانتے ہیں سیلز کے مواد اور پس منظر کا رنگ کیسے تبدیل کریں۔ تاہم، یہ سب کچھ نہیں ہے جو آپ اپنے آؤٹ لک ٹیبل کو روشن کرنے کے لیے کر سکتے ہیں۔ آج میں آپ کو اپنے ٹیبل کی سرحدوں کو مشروط طور پر رنگنے اور ان کی چوڑائی اور انداز میں ترمیم کرنے کے طریقے دکھاؤں گا۔

اس کے علاوہ، آخری باب میں ایک چھوٹا سا بونس آپ کا انتظار کر رہا ہے جہاں میں آپ کو کئی ترمیمات کو لاگو کرنے کا طریقہ دکھاؤں گا۔ ایک ہی وقت میں اور اپنی میز کو 4 جولائی کو آتش بازی کی طرح رنگین اور روشن بنائیں ؛)

سیلز کی سرحدوں کا رنگ تبدیل کریں

آپ کو یہ بتانے کے لیے کہ بارڈرز کی پینٹنگ کیسے کام کرتی ہے، میں پچھلے ہفتے کے ٹیوٹوریل سے وہی نمونے استعمال کروں گا۔ معاملہ درج ذیل ہے: میں پیسٹ کرتا ہوں۔مائیکروسافٹ ٹیم، اس گٹ ہب گفتگو میں بلا جھجھک ان کا جواب چیک کریں :)

حتمی نوٹ

مجھے واقعی امید ہے کہ میں آپ کو اس بات پر قائل کرنے میں کامیاب ہو گیا ہوں کہ آؤٹ لک میں ایک ٹیبل صرف سادہ کے ساتھ سیاہ سرحدیں نہیں ہے۔ متن بہتری اور تخلیقی صلاحیتوں کے لیے کافی گنجائش ہے :)

جب آپ خود پینٹنگ کے چند تجربات کرنے کا فیصلہ کرتے ہیں، تو بس Microsoft اسٹور سے مشترکہ ای میل ٹیمپلیٹس انسٹال کریں اور لطف اٹھائیں!

اگر وہاں ہیں آؤٹ لک ٹیبلز میں مشروط فارمیٹنگ کے لیے آپ کے جو بھی سوالات رہ گئے ہیں، انہیں کچھ مدد درکار ہے، صرف تبصرے کے سیکشن میں چند الفاظ چھوڑیں اور ہم اس کا پتہ لگائیں گے ؛)

ٹیمپلیٹ بنائیں اور ٹیبل پر کرنے کے لیے ڈسکاؤنٹ ریٹ کا انتخاب کریں۔ میری پسند پر منحصر ہے، سیل کی سرحدیں مخصوص رنگ میں رنگین ہوں گی۔

میں آج جس ٹیبل کو رنگوں گا وہ ذیل میں ہوگا:

نمونہ ہیڈر 1	سیمپل ہیڈر 2	سیمپل ہیڈر 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:' رعایت'، عنوان:'سلیکٹ ڈسکاؤنٹ'} ] ڈسکاؤنٹ

چونکہ مشروط فارمیٹنگ ٹیمپلیٹس کے ایچ ٹی ایم ایل میں ہینڈل کی جاتی ہے، آئیے پہلے اس ٹیبل کا HTML کوڈ کھولیں:

1. دلچسپی کا سانچہ کھولیں اور ترمیم کریں :

   

2. <1 کو تلاش کریں۔ ٹیمپلیٹ کے ٹول بار پر HTML آئیکن ( ) دیکھیں:

   

3. اصل HTML دیکھیں جس میں متعدد بار ترمیم کی جائے گی:

   

اگر آپ رنگوں اور ڈسکاؤنٹ ریٹس کے ساتھ ان کے تعلق کے بارے میں سوچتے ہیں تو میں آپ کو ایک اشارہ دوں گا :) ڈیٹا سیٹ! یہ کیا ہے کوئی اندازہ نہیں ہے؟ پھر ایک چھوٹا سا وقفہ لیں اور پہلے میرا فل ایبل آؤٹ لک ٹیمپلیٹس ٹیوٹوریل پڑھیں۔

یہ ہے اصل ڈیٹاسیٹ جسے میں شروع میں استعمال کروں گا اور چند ابواب میں تھوڑا بہتر کروں گا:

رعایت	رنگ کوڈ
10%	#00B0F0
15 %	#00B050
20%	#FFC000
25%	#4630A0

جب مجھے اس ٹیبل سے ضروری رنگین کوڈ بازیافت کرنے کی ضرورت ہوگی، میں درج ذیل میکرو استعمال کروں گا:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'color code'}]

جیسا کہ ہم نے تمام بنیادی باتوں کا احاطہ کیا ہے، آئیے رنگ تبدیل کرنا شروع کریں :)

ایک کے بارڈر کا رنگ اپ ڈیٹ کریں۔ سیل

ٹیبل میں کسی ایک سیل کی سرحدوں کو رنگین کرنے کے لیے، آئیے پہلے ٹیمپلیٹ کے HTML میں اس کی لائن تلاش کریں اور اس کے اجزاء کو قریب سے دیکھیں:

~%WhatToEnter[{dataset: 'ڈسکاؤنٹس کے ساتھ ڈیٹا سیٹ'، کالم: 'ڈسکاؤنٹ'، ٹائٹل: 'سلیکٹ ڈسکاؤنٹ'}] ڈسکاؤنٹ

• “ style= ” سیل کے بنیادی پیرامیٹرز کے سیٹ کی نمائندگی کرتا ہے۔
• "چوڑائی: 32%؛ 1 19>

اس کوڈ لائن کا مطلب ہے کہ مجھے ایک سیل نظر آئے گا جس میں ٹھوس انداز کے 1px گرے بارڈرز ہوں گے۔ اگر میں ان میں سے کسی بھی پیرامیٹر کو تبدیل کرتا ہوں، تو یہ میرے ٹیمپلیٹ میں ٹیبل کی ظاہری شکل کو خراب کر سکتا ہے، یعنی سرحدیں پوشیدہ ہوں گی (حالانکہ پیسٹ کرنے کے بعد سب کچھ بالکل ٹھیک نظر آئے گا)۔

میں ایک معیاری ہونا پسند کروں گا۔ ایک ٹیمپلیٹ میں ٹیبل اور پیسٹ کرتے وقت اس میں ترمیم کریں۔ لہذا، میں پیرامیٹرز کے ساتھ ایک نیا وصف شامل کرتا ہوں جو چسپاں کرتے وقت اصل کی جگہ لے لے گا:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount' '}] ڈسکاؤنٹ

آئیے اوپر کی HTML لائن کا جائزہ لیں:

• “ style="border : 1px solid #aeabab;" پہلی صفت ہے۔ یہ سیل کی اصل ہیں۔خصوصیات۔
• " data-set-style= " ایک خاص پیرامیٹر ہے جو پیسٹ کرنے کے دوران اوپر والے انتساب کو پراپرٹیز کے ضروری سیٹ سے تبدیل کرنے میں میری مدد کرے گا۔
• " بارڈر: 1px ٹھوس؛ Border-color: ” دوسری صفت کا حصہ ہے جہاں ہم ایک وقفہ لیں گے۔ دیکھیں، ابتداء اصل سے ملتی جلتی ہے، وہی سرحد کی چوڑائی اور انداز۔ تاہم، جب رنگ کی بات آتی ہے (پیرامیٹر جسے میں تبدیل کرنا چاہتا ہوں)، میں اسے border-color: سے بدل دیتا ہوں اور WhatToEnter میکرو کو پیسٹ کرتا ہوں۔ اس لیے، ڈراپ ڈاؤن انتخاب پر منحصر ہے، میکرو کو کلر کوڈ سے بدل دیا جائے گا اور بارڈر کو دوبارہ پینٹ کیا جائے گا۔
• “~%WhatToEnter[] discount” اب بھی سیل کا مواد ہے جو کسی تبدیلی کی ضرورت نہیں ہے۔

لہذا، مستقبل کے رنگ کے سیل کے ساتھ مکمل HTML اس طرح نظر آئے گا:

سیمپل ہیڈر 1

سیمپل ہیڈر 2

سیمپل ہیڈر 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:' ڈسکاؤنٹ'، عنوان:'سلیکٹ ڈسکاؤنٹ'}] ڈسکاؤنٹ

جب آپ اس ٹیمپلیٹ کو پیسٹ کرتے ہیں , اپ ڈیٹ کردہ سیل کی بارڈر کو فوراً منتخب رنگ میں رنگ دیا جائے گا:

پوری قطار کے بارڈرز کو پینٹ کریں

اب آئیے اس پر بارڈرز پینٹ کرتے ہیں۔ ہمارے نمونے کی میز کی پوری قطار اور دیکھیں کہ یہ کیسے کام کرتا ہے۔ منطق بالکل وہی ہے جو کہ میں ہے۔اوپر پیراگراف اس کے علاوہ آپ کو دوسری قطار کے تمام سیلز کو اپ ڈیٹ کرنے کی ضرورت ہوگی۔ ایک بار وہی ترمیم جو میں نے اوپر کی ہے پوری قطار پر لاگو ہو جاتی ہے، ٹیمپلیٹ کو چسپاں کرتے وقت یہ ایک آنکھ جھپک کر پینٹ ہو جاتی ہے۔

اگر آپ اس پر ایک نظر ڈالنا چاہتے ہیں دوسری قطار کے رنگ کے ساتھ تیار HTML، یہ یہاں جاتا ہے:

13>

سیمپل ہیڈر 1

سیمپل ہیڈر 2

سیمپل ہیڈر 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] ڈسکاؤنٹ

بارڈر کی چوڑائی کو تبدیل کریں

اب آئیے نہ صرف بارڈر کا رنگ بلکہ اس کی چوڑائی کو بھی اپ ڈیٹ کرنے کی کوشش کریں۔ HTML وصف پر ایک اور نظر ڈالیں جو چسپاں کرتے وقت اصل کی جگہ لے لیتا ہے:

data-set-style="border: 1px solid; بارڈر رنگ:~%WhatToEnter[{dataset:' ڈسکاؤنٹ کے ساتھ ڈیٹا سیٹ',کالم:'کلر کوڈ'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] ڈسکاؤنٹ

دیکھیں 1px پیرامیٹر؟ یہ رنگین ہونے والی سرحدوں کی چوڑائی ہے۔ آپ اسے دستی طور پر تبدیل کر سکتے ہیں، کہتے ہیں، 2 اور جب آپ اسے پیسٹ کر لیں گے تو ٹیبل کی سرحدیں وسیع ہو جائیں گی۔

تاہم، میں اسے دوسرے طریقے سے کروں گا۔ میں اپنے ڈیٹاسیٹ کو اپ ڈیٹ کروں گا اور بارڈرز کی چوڑائی کے ساتھ ایک نیا کالم شامل کروں گا۔ اس صورت میں، ایک بار جب میں پیسٹ کرنے کے لیے موجودہ شرح کا انتخاب کرتا ہوں، تو رنگ اور چوڑائی دونوں ہوں گی۔اپ ڈیٹ کیا گیا #00B0F0 2 15% #00B050 2.5 <9 20% #FFC000 3 25% #4630A0 3.5

اب آئیے ہر لائن کے دوسرے وصف میں ترمیم کریں اور 1px کو درج ذیل متن کے ٹکڑے سے تبدیل کریں:

بارڈر چوڑائی:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]

پھر میں اسے دوسری قطار کے تینوں سیلز کے لیے دہراتا ہوں اور نتیجے میں درج ذیل HTML حاصل کرتا ہوں:

3> 10 ڈیٹا سیٹ: 'ڈسکاؤنٹ کے ساتھ ڈیٹا سیٹ'، کالم:' ڈسکاؤنٹ'، ٹائٹل: 'سلیکٹ ڈسکاؤنٹ'}] ڈسکاؤنٹ

ایک بار جب اس ٹیمپلیٹ کو محفوظ اور چسپاں کیا جاتا ہے تو، وسیع نیلے رنگ کی سرحدیں ایک ای میل میں ظاہر ہوں گی:

ٹیبل میں بارڈرز کے انداز میں ترمیم کریں

اس چوہدری میں apter میں آپ کی توجہ ایک اور پیرامیٹر کی طرف مبذول کرانا چاہوں گا - طرز۔ یہ سرحدوں کی ظاہری شکل کو سنبھالے گا۔ اس سے پہلے کہ میں آپ کو یہ بتاؤں کہ اسے صحیح طریقے سے کیسے لاگو کرنا ہے، مجھے اپنے ڈیٹاسیٹ پر واپس جانا ہوگا اور اپنے موجودہ کیس کے مطابق اس میں ترمیم کرنا ہوگی۔

ڈسکاؤنٹ	بارڈرانداز
10%	ڈیشڈ
15%	ڈبل
20%	ڈاٹڈ
25%	ریز

میں نے ہر ڈسکاؤنٹ ریٹ کو بارڈر اسٹائل کے ساتھ منسلک کیا ہے اور اس ڈیٹاسیٹ کو مستقبل کے لیے محفوظ کر لیا ہے۔ میرے HTML کے لیے اسٹائل کو بازیافت کرنے کے لیے میکرو ذیل میں دیا جائے گا:

~%WhatToEnter[{dataset:"Dataset with discounts", column:"Border style"}]

اب مجھے اپ ڈیٹ کرنے کی ضرورت ہوگی کوڈ کا درج ذیل ٹکڑا حاصل کرنے کے لیے مندرجہ بالا میکرو کے ساتھ ٹھوس (پہلے سے طے شدہ انداز جو میں استعمال کرتا رہا ہوں) کو تبدیل کرکے دوسری قطار کی خصوصیات:

data-set-style="border: 1px #aeabab؛ بارڈر طرز: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]

یہاں حتمی HTML ہے:

سیمپل ہیڈر 1

سیمپل ہیڈر 2

سیمپل ہیڈر 3

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

اگر آپ اس HTML کو کاپی کرکے پیسٹ کریں آپ کے ٹیمپلیٹس کے لیے، نتیجہ آپ کو انتظار نہیں کرے گا:

ہائی لائٹنگ، ٹیکسٹ کلر، اور بارڈرز کی چوڑائی کو ایک ہی وقت میں تبدیل کرنے کے لیے مشروط فارمیٹنگ ترتیب دیں

ہم سب سے زیادہ دلچسپیوں تک پہنچ گئے ہیں۔ ting part کے طور پر میں آپ کو یہ بتانے جا رہا ہوں کہ ایک وقت میں متعدد ترمیمات کو کیسے لاگو کیا جائے۔ سب سے پہلے، میں اس ڈیٹاسیٹ کو اپ ڈیٹ کروں گا جس سے میں ڈیٹا بازیافت کروں گا۔چونکہ میں نے سیلز کی ہائی لائٹنگ، ٹیکسٹ کلر اور بارڈرز کی چوڑائی کو تبدیل کرنے کا فیصلہ کیا ہے، اس لیے ان تمام پیرامیٹرز کو بیان کرنے کی ضرورت ہے۔ لہذا، میرا نیا ڈیٹاسیٹ اس طرح نظر آئے گا:

ڈسکاؤنٹ	رنگ کوڈ	بیک گراؤنڈ کوڈ	بارڈر کی چوڑائی
10%	#00B0F0	#DEEBF6	2
15 %	#00B050	#E2EFD9	2.5
20%	#FFC000	#FFF2CC	3
25%	#4630A0	#FBE5D5	3.5<11

لہذا، اگر میں 10% کا انتخاب کرتا ہوں، تو ضروری متن نیلے رنگ میں پینٹ کیا جائے گا (# 00B0F0 )، منتخب کردہ سیلز کا پس منظر ہلکے نیلے رنگ کی ٹون (# DEEBF6 ) اور ان کے بارڈرز کو دو بار چوڑا کیا جائے گا۔

لیکن اس ڈیٹاسیٹ کو آؤٹ لک ٹیبل سے کیسے جوڑا جاسکتا ہے تاکہ یہ فارمیٹ ہوجائے؟ میں آپ کو 2 مضامین میں اس کام کے لیے تیار کر رہا ہوں :) یہاں HTML ہے جو تمام ضروری ترمیمات کو سنبھالے گا:

سیمپل ہیڈر 1

< نمونہ ہیڈر 2

نمونہ ہیڈر 3

~%WhatToEnter[{dataset:' ڈسکاؤنٹ کے ساتھ ڈیٹا سیٹ'،کالم:'ڈسکاؤنٹ'، ٹائٹل:'سلیکٹ ڈسکاؤنٹ'}] ڈسکاؤنٹ

اب آئیے لاگو کی گئی تمام ترامیم پر ایک نظر ڈالیں:

• نمونہ ہیڈر 1 - یہ ٹکڑا ہیڈر کے متن کو "کلر کوڈ" کالم سے رنگ میں رنگ دے گا۔ اگر آپ محسوس کرتے ہیں۔جیسا کہ آپ کو ٹیکسٹ پینٹنگ پر اپنی میموری کو تازہ کرنے کی ضرورت ہے، میرے پچھلے ٹیوٹوریل کے ٹیبل باب میں متن کے فونٹ کا رنگ تبدیل کریں۔
• data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'background code',title:'select discount'}] - یہ حصہ ڈیٹاسیٹ کے بیک گراؤنڈ کوڈ کالم سے اپنا کوڈ لے کر، پس منظر کے رنگ کو اپ ڈیٹ کرتا ہے۔ اگر آپ کو لگتا ہے کہ آپ کو اس کیس کی مزید تفصیلی وضاحت کی ضرورت ہے تو بلا جھجھک سیلز ٹیوٹوریل پر ایک نظر ڈالیں۔
• data-set-style="border: solid #aeabab; سرحد کی چوڑائی:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – اس HTML لائن کے ساتھ بارڈرز کی چوڑائی کو بارڈر کی چوڑائی میں بیان کردہ میں تبدیل کر دیا جائے گا۔ میں نے پہلے ہی اس کا احاطہ کیا ہے، اگر آپ نے کچھ کھو دیا ہے تو آپ دیکھ سکتے ہیں۔

جب میں ان صفات کے ساتھ ایک ٹیمپلیٹ پیسٹ کرتا ہوں، تو نتیجہ مجھے انتظار نہیں کرے گا:

ایک چھوٹا سا نوٹ ہے جو میں اس موضوع کو بند کرنے سے پہلے بنانا چاہوں گا۔ جب میں ٹیبلز میں بارڈرز کو رنگنے کی جانچ کر رہا تھا تو مجھے آؤٹ لک کے آن لائن اور ڈیسک ٹاپ ورژن دونوں میں بارڈرز کے کافی مبہم رویے کا سامنا کرنا پڑا۔ تھوڑا سا الجھن میں ہونے کی وجہ سے، میں وضاحت کے لیے اپنے ڈویلپرز تک پہنچا۔ انہیں پتہ چلا کہ آؤٹ لک کے مختلف کلائنٹس مختلف طریقوں سے میزیں پیش کرتے ہیں اور اس طرح کے رویے کی وجہ آؤٹ لک میں ایک بگ ہے۔

ہماری ٹیم نے اس مسئلے کو رپورٹ کیا