فہرست کا خانہ
اس مضمون میں آپ سیکھیں گے کہ آؤٹ لک میں ٹیبلز کو مشروط طور پر فارمیٹ کرنے کا طریقہ۔ میں آپ کو ڈراپ ڈاؤن فہرست سے منتخب کردہ رنگ کے ساتھ سیلز کے متن اور پس منظر کے پینٹ کو اپ ڈیٹ کرنے کا طریقہ دکھاؤں گا۔
تیاری
اس سے پہلے کہ ہم اپنا "ڈرائنگ سبق" شروع کریں اور آؤٹ لک میں ٹیبل کو مشروط طور پر فارمیٹ کرنے کا طریقہ سیکھیں، میں اس کا ایک چھوٹا سا تعارف پیش کرنا چاہوں گا۔ آؤٹ لک کے لیے ہماری ایپ مشترکہ ای میل ٹیمپلیٹس کہلاتی ہے۔ اس کارآمد ٹول کے ذریعے آپ آؤٹ لک میں اپنی خط و کتابت کا انتظام اتنی جلدی اور آسانی سے کریں گے جتنا آپ پہلے تصور کر سکتے تھے۔ ایڈ اِن آپ کو بار بار کاپی پیسٹ کرنے سے بچنے اور چند کلکس کے معاملے میں اچھی لگنے والی ای میلز بنانے میں مدد کرے گا۔
اب ہمارے مرکزی موضوع پر واپس جانے کا بہترین وقت ہے - آؤٹ لک ٹیبلز میں مشروط فارمیٹنگ۔ دوسرے لفظوں میں، میں آپ کو دکھاؤں گا کہ سیلز، ان کی سرحدوں اور مواد کو مطلوبہ رنگ میں کیسے رنگنا ہے۔ سب سے پہلے، اس بات کو یقینی بنائیں کہ آپ کو یاد ہے کہ آؤٹ لک میں میزیں کیسے بنائیں۔
چونکہ میں ڈراپ ڈاؤن فہرست میں سے منتخب کردہ ٹون کی بنیاد پر سیلز کو رنگین کروں گا، مجھے ایک اور پیشگی بندوبست کرنے کی ضرورت ہوگی۔ اگر آپ کو فل ایبل ای میل ٹیمپلیٹس بنانے کے طریقے سے متعلق میرا ٹیوٹوریل یاد ہے، تو آپ کو معلوم ہوگا کہ ڈراپ ڈاؤن فہرستیں ڈیٹا سیٹس کی مدد سے بنائی جاتی ہیں۔ اس موضوع پر اپنے علم کو اپ ڈیٹ کرنے کے لیے تھوڑا وقت نکالیں اگر آپ کو لگتا ہے کہ آپ ڈیٹا سیٹس کا نظم کرنے کا طریقہ بھول گئے ہیں اور آئیے آگے بڑھتے ہیں۔
اب مجھے ان رنگوں کے ساتھ ڈیٹا سیٹ کو پہلے سے محفوظ کرنے کی ضرورت ہے جن پر میں جا رہا ہوں۔ استعمال کریں (میں نے اسے بلایاآپ کی طرف سے سن کر خوشی ہوئی!
چھوٹ کے ساتھ ڈیٹا سیٹ) اور ڈراپ ڈاؤن انتخاب کے ساتھ WhatToEnterمیکرو شامل کریں۔ تو، میرا ڈیٹاسیٹ یہ ہے:| ڈسکاؤنٹ | رنگ کوڈ |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
اگر آپ سوچتے ہیں کہ وہ کوڈز کہاں سے حاصل کریں، تو صرف ایک خالی ٹیبل بنائیں، جائیں اس کی پراپرٹیز میں اور کوئی بھی رنگ چنیں۔ آپ کو اس کا کوڈ متعلقہ فیلڈ میں نظر آئے گا، بلا جھجک اسے وہاں سے کاپی کریں۔ 
میں WHAT_TO_ENTER میکرو بناتا ہوں اور اسے اس ڈیٹاسیٹ سے جوڑتا ہوں کیونکہ مجھے بعد میں اس کی ضرورت ہوگی:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]یہ چھوٹا میکرو مجھے ڈسکاؤنٹ ڈراپ ڈاؤن میں سے انتخاب کرنے میں مدد کرے گا۔ ایک بار جب میں ایسا کروں گا تو میری میز کے ضروری حصے کو پینٹ کر دیا جائے گا۔
میں سمجھتا ہوں کہ یہ ابھی کتنا غیر واضح ہے اس لیے میں آپ کو اس غلط فہمی میں نہیں چھوڑوں گا اور یہ دکھانا شروع کروں گا کہ متن کا رنگ کیسے تبدیل کیا جائے۔ یا سیل کو نمایاں کریں۔ میں بنیادی نمونے استعمال کروں گا تاکہ آپ کو خیال آئے اور اس طریقہ کار کو اپنے ڈیٹا کے ساتھ دوبارہ پیش کر سکیں۔
آئیے اسے شروع کرتے ہیں۔
ٹیبل میں متن کا فونٹ رنگ تبدیل کریں
آئیے ٹیبل میں کچھ متن کو شیڈنگ کے ساتھ شروع کریں۔ میں نے اپنے پینٹنگ کے تجربات کے لیے نمونے کی میز کے ساتھ ایک ٹیمپلیٹ تیار کیا ہے:
میرا مقصد ڈراپ ڈاؤن انتخاب کے لحاظ سے متن کو متعلقہ رنگ میں پینٹ کرنا ہے۔ دوسرے لفظوں میں، میں ایک ٹیمپلیٹ چسپاں کرنا چاہتا ہوں، ڈراپ ڈاؤن فہرست سے ضروری رعایتی شرح کا انتخاب کرنا چاہتا ہوں اور یہ چسپاں شدہ متن رنگین ہو جائے گا۔ کس رنگ میں؟ تیاری کے حصے میں ڈیٹاسیٹ تک اسکرول کریں، آپ دیکھیں گے کہ ہر ڈسکاؤنٹ ریٹ کا اپنا رنگ کوڈ ہوتا ہے۔ یہ مطلوبہ رنگ ہے جو استعمال کیا جانا چاہیے۔
چونکہ میں ڈراپ ڈاؤن فہرست سے رعایت کو شامل کرنا چاہتا ہوں، مجھے اس سیل میں WhatToEnter میکرو پیسٹ کرنے کی ضرورت ہے۔ ایسا لگتا ہے کہ آپ کو اس موضوع پر اپنی یادداشت کو تازہ کرنے کی ضرورت ہے؟ میرے پچھلے ٹیوٹوریلز میں سے ایک کو چیک کرنے کے لیے ایک لمحہ نکالیں ؛)
تو، نتیجہ ٹیبل اس طرح نظر آئے گا:
| Sample header 1 | نمونہ ہیڈر 2 | سیمپل ہیڈر 3 |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount |
دیکھیں، ڈسکاؤنٹ کی شرح ڈراپ ڈاؤن فہرست اور لفظ "رعایت" سے شامل کی جائے گی۔ بہرحال وہاں موجود ہوں گے۔
لیکن میں ٹیمپلیٹ کو کیسے ترتیب دے سکتا ہوں تاکہ متن اسی رنگ میں پینٹ ہو جائے؟ بہت آسانی سے اصل میں، مجھے صرف ٹیمپلیٹ کے HTML کو تھوڑا سا اپ ڈیٹ کرنے کی ضرورت ہوگی۔ آئیے تھیوری کا حصہ ختم کریں اور دائیں طرف پریکٹس کریں۔
ٹیبل سیل میں تمام متن کو رنگین کریں
پہلےآف، میں اپنے ٹیمپلیٹ کا HTML کوڈ کھولتا ہوں اور اسے احتیاط سے چیک کرتا ہوں: 
یہاں ہے میرا ٹیمپلیٹ HTML میں کیسا لگتا ہے: 
نوٹ۔ اس کے بعد میں تمام HTML کوڈز کو بطور ٹیکسٹ پوسٹ کروں گا تاکہ آپ انہیں اپنے ٹیمپلیٹس میں کاپی کر سکیں اور اپنی مرضی کے مطابق ترمیم کر سکیں۔
آئیے اوپر کے HTML کو قریب سے دیکھیں۔ پہلی لائن ٹیبل بارڈر کی خصوصیات (انداز، چوڑائی، رنگ، وغیرہ) ہے۔ پھر پہلی قطار
میں اپنے WHAT_TO_ENTER کے ساتھ دوسری قطار کے پہلے عنصر میں دلچسپی رکھتا ہوں۔ کوڈ کے مندرجہ ذیل ٹکڑے کو شامل کرکے رنگین کیا جائے گا:
TEXT_TO_BE_COLOREDمیں اسے آپ کے لیے ٹکڑوں میں تقسیم کروں گا اور ان میں سے ہر ایک کو واضح کروں گا:
- The COLOR پیرامیٹر پینٹنگ کو ہینڈل کرتا ہے۔ اگر آپ اسے سے بدل دیتے ہیں، تو آئیے کہتے ہیں، "سرخ"، یہ متن سرخ ہو جائے گا۔ تاہم، جیسا کہ میرا کام ڈراپ ڈاؤن فہرست سے ایک رنگ کا انتخاب کرنا ہے، میں ایک سیکنڈ کے لیے تیاری پر واپس آؤں گا اور وہاں سے اپنا تیار شدہ WhatToEnter میکرو لے جاؤں گا: ~%WhatToEnter[{dataset: 'ڈسکاؤنٹ کے ساتھ ڈیٹا سیٹ'، کالم: 'ڈسکاؤنٹ'، ٹائٹل: ڈسکاؤنٹ کو منتخب کریں'}]
- TEXT_TO_BE_COLORED وہ متن ہے جسے شیڈ کرنے کی ضرورت ہے۔ میری خاص مثال میں، یہ ہوگا “ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] discount ” (اس ٹکڑے کو سیدھے سے کاپی کریںڈیٹا بدعنوانی سے بچنے کے لیے اصل HTML کوڈ)۔
یہ ہے کوڈ کا نیا ٹکڑا جو میں اپنے HTML میں داخل کروں گا:
نوٹ۔ آپ نے دیکھا ہوگا کہ "کالم" پیرامیٹر ان دو میکروز میں مختلف ہے۔ اس کی وجہ یہ ہے کہ مجھے مختلف کالموں سے قدر واپس کرنے کی ضرورت ہے، یعنی کالم:'کلر کوڈ' وہ رنگ واپس کرے گا جو متن کو پینٹ کرے گا جبکہ کالم:'ڈسکاؤنٹ' - ڈسکاؤنٹ سیل میں چسپاں کرنے کی شرح۔
ایک نیا سوال پیدا ہوتا ہے – مجھے HTML کی کس جگہ پر رکھنا چاہیے؟ عام طور پر بات کرتے ہوئے، اس متن کو TEXT_TO_BE_COLORED کو تبدیل کرنا چاہئے۔ میرے نمونے میں، یہ دوسری قطار (کالم) کا پہلا کالم (
ایک پاپ اپ ونڈو مجھ سے رعایت کا انتخاب کرنے کو کہے گی۔ میں 10% چنتا ہوں اور میرا متن فوراً سبز ہو جاتا ہے۔ 
سیل کے مواد کا حصہ سایہ کریں
سیل کے صرف ایک حصے کو رنگنے کی منطقمواد بنیادی طور پر ایک جیسا ہوتا ہے – آپ پچھلے باب کے کوڈ سے صرف ٹنٹڈ ٹیکسٹ کو بدل دیتے ہیں باقی ٹیکسٹ کو ویسا ہی چھوڑ دیتے ہیں۔
اس مثال میں، اگر مجھے صرف فیصد کو رنگنے کی ضرورت ہو (لفظ "رعایت" کے بغیر)، میں ایچ ٹی ایم ایل کوڈ کھولوں گا، وہ حصہ منتخب کروں گا جسے رنگین کرنے کی ضرورت نہیں ہے (ہمارے معاملے میں "رعایت") اور اسے ٹیگ سے باہر لے جاؤں گا: 
ان میں اگر آپ رنگ بھرنے کی تیاری شروع سے ہی کر رہے ہیں، تو بس ذہن میں رکھیں کہ مستقبل کے رنگ کا متن TEXT_TO_BE_COLORED کی جگہ جاتا ہے، باقی ختم ہونے کے بعد رہتا ہے۔ یہ میرا تجدید شدہ HTML ہے:
دیکھا؟ میں نے اپنے سیل کے مواد کا صرف ایک حصہ ٹیگز کے اندر رکھا ہے، اس لیے پیسٹ کرتے وقت صرف یہ حصہ رنگین ہوگا۔ 
ٹیبل سیلز پر مشروط فارمیٹنگ کا اطلاق کریں
اب آئیے ٹاسک کو تھوڑا سا تبدیل کریں اور ایک ہی سیمپل ٹیبل میں متن کو نہیں بلکہ پورے سیلز کے پس منظر کو نمایاں کرنے کی کوشش کریں۔
ایک سیل کو نمایاں کریں
جیسا کہ میں اسی ٹیبل میں ترمیم کر رہا ہوں، میں خود کو نہیں دہراؤں گا اور اس باب میں اصل ٹیبل کا HTML کوڈ بھی چسپاں کروں گا۔ تھوڑا اوپر سکرول کریں یا پہلی مثال پر دائیں کودیں۔یہ ٹیوٹوریل بغیر رنگ کے ٹیبل کے غیر تبدیل شدہ کوڈ کو دیکھنے کے لیے ہے۔
اگر میں سیل کے پس منظر کو رعایت کے ساتھ شیڈ کرنا چاہتا ہوں، تو مجھے ایچ ٹی ایم ایل میں بھی تھوڑی سی ترمیم کرنے کی ضرورت ہوگی، لیکن ترمیم اس سے مختلف ہوگی۔ متن کا رنگ. بنیادی فرق یہ ہے کہ رنگ متن پر نہیں بلکہ پورے سیل پر لاگو ہونا چاہیے۔
ہائی لائٹ ہونے والا سیل ایچ ٹی ایم ایل فارمیٹ میں ایسا لگتا ہے:
جیسا کہ میں سیل کو ہائی لائٹ کرنا چاہتا ہوں، تبدیلیوں کا اطلاق سیل وصف پر ہونا چاہیے، نہ کہ متن کے لیے میں اوپر کی لائن کو حصوں میں توڑ دوں گا، ان میں سے ہر ایک کو واضح کروں گا اور ان حصوں کی طرف اشارہ کروں گا جنہیں تبدیل کرنے کی ضرورت ہے:
- “style=” کا مطلب ہے کہ قطار کے سیل میں درج ذیل طرز کی خصوصیات۔ یہ وہ جگہ ہے جہاں ہم اپنا پہلا وقفہ لیتے ہیں۔ جیسا کہ میں ایک حسب ضرورت پس منظر کا رنگ سیٹ کرنا ہوں، میں style کو data-set-style میں تبدیل کرتا ہوں۔
- "چوڑائی: 32.2925%؛ بارڈر: 1px solid black;" - وہ پہلے سے طے شدہ طرز کی خصوصیات ہیں جن کا میں نے اوپر کہا تھا۔ مجھے منتخب سیل کے پس منظر کو اپنی مرضی کے مطابق بنانے کے لیے ایک اور شامل کرنے کی ضرورت ہے: background-color ۔ چونکہ میرا مقصد ڈراپ ڈاؤن فہرست سے استعمال کرنے کے لیے رنگ کا انتخاب کرنا ہے، اس لیے میں اپنی تیاری پر واپس آتا ہوں اور وہاں سے تیار WhatToEnter لیتا ہوں۔
ٹپ۔ اگر آپ چاہتے ہیں کہ سیل کو ایک رنگ میں پینٹ کیا جائے اور آپ نہیں چاہتے کہ ڈراپ ڈاؤن لسٹ ہر بار آپ کو پریشان کرے،صرف ایک میکرو کو رنگ کے نام سے تبدیل کریں (مثال کے طور پر "نیلے")۔ یہ اس طرح نظر آئے گا: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] ڈسکاؤنٹ
- “ ~%WhatToEnter[] ڈسکاؤنٹ ” سیل کا مواد ہے۔
لہذا، یہاں اپ ڈیٹ کردہ HTML شکل ہے:
بقیہ ٹیبل جوں کا توں رہتا ہے۔ یہاں نتیجہ خیز HTML ہے جو فیصد کی شرح کے ساتھ سیل کو نمایاں کرے گا:
جب میں اس تبدیلی کو محفوظ کرتا ہوں اور اپ ڈیٹ کردہ ٹیبل کو ای میل میں چسپاں کرتا ہوں تو مجھے ڈراپ ڈاؤن فہرست ملے گی۔ رعایت کے ساتھ اور پہلے سیل کو منصوبہ بندی کے مطابق نمایاں کیا جائے گا۔ 
پوری قطار کو رنگین کریں
جب ایک سیل کافی نہیں ہوتا ہے، تو میں پوری قطار کو پینٹ کرتا ہوں :) آپ کو لگتا ہے کہ آپ کو اوپر والے سیکشن میں سے تمام سیلز کے لیے اقدامات کرنے کی ضرورت ہوگی۔ ایک قطار. میں آپ کو مایوس کرنے کے لیے جلدی کروں گا، طریقہ کار تھوڑا مختلف ہوگا۔
اوپر دی گئی ہدایات میں میں نے آپ کو دکھایا ہے کہ اس سیل کے ایچ ٹی ایم ایل پیس کو تبدیل کرتے ہوئے سیل کے پس منظر کو کیسے اپ ڈیٹ کیا جائے۔ اب سے میں پورے کو دوبارہ پینٹ کرنے جا رہا ہوں۔قطار میں، مجھے اس کی ایچ ٹی ایم ایل لائن لے کر اس پر تبدیلیاں لاگو کرنے کی ضرورت ہوگی۔
اب یہ اختیارات سے پاک ہے اور کی طرح لگتا ہے۔ مجھے ضرورت ہوگی data-set-style= شامل کرنے کے لیے اور میرا WHAT_TO_ENTER وہاں چسپاں کریں۔ نتیجے میں، لائن نیچے کی طرح نظر آئے گی:
اس طرح، پینٹ شدہ سیل کے ساتھ ٹیبل کا پورا HTML اس طرح نظر آئے گا:
0 متبادل طور پر، ذیل کے اسکرین شاٹ پر بھروسہ کریں :) 
خلاصہ کریں
میں آج آپ کو آؤٹ لک ٹیبلز میں مشروط فارمیٹنگ کے بارے میں صرف اتنا ہی بتانا چاہتا ہوں۔ میں نے آپ کو دکھایا کہ سیلز کے مواد کا رنگ کیسے تبدیل کیا جائے اور ان کے پس منظر کو نمایاں کیا جائے۔ امید ہے کہ میں آپ کو یہ باور کرانے میں کامیاب ہو گیا ہوں کہ ٹیمپلیٹ کے ایچ ٹی ایم ایل میں ترمیم کرنے میں کوئی خاص اور مشکل نہیں ہے اور آپ خود پینٹنگ کے چند تجربات کریں گے ؛)
FYI، ٹول کو Microsoft اسٹور سے انسٹال کیا جا سکتا ہے۔ پی سی، میک یا ونڈوز ٹیبلیٹ اور آپ کے تمام آلات پر بیک وقت استعمال کیا جاتا ہے۔
اگر آپ کے پاس کوئی سوالات ہیں یا شاید، ٹیبل فارمیٹنگ کے بارے میں تجاویز ہیں، تو براہ کرم مجھے تبصروں میں بتائیں۔ میں ہوں گا
