સામગ્રીઓનું કોષ્ટક
આ લેખમાં તમે Outlook માં કોષ્ટકોને શરતી રીતે કેવી રીતે ફોર્મેટ કરવું તે શીખી શકશો. હું તમને બતાવીશ કે તમે ડ્રોપડાઉન સૂચિમાંથી પસંદ કરો છો તે રંગ સાથે કોષોના ટેક્સ્ટ અને પૃષ્ઠભૂમિ ના પેઇન્ટને કેવી રીતે અપડેટ કરવું.
તૈયારી
અમે અમારો "ડ્રોઇંગ પાઠ" શરૂ કરીએ તે પહેલાં અને આઉટલુકમાં કોષ્ટકોને શરતી રીતે કેવી રીતે ફોર્મેટ કરવું તે શીખીએ તે પહેલાં, હું એક નાનો પરિચય આપવા માંગુ છું આઉટલુક માટેની અમારી એપને શેર કરેલ ઈમેઈલ ટેમ્પલેટ કહેવાય છે. આ સરળ સાધન વડે તમે આઉટલુકમાં તમારા પત્રવ્યવહારને તેટલી ઝડપથી અને સરળતાથી મેનેજ કરશો જેટલી તમે પહેલા કલ્પના કરી શકો છો. એડ-ઇન તમને પુનરાવર્તિત કોપી-પેસ્ટને ટાળવામાં અને થોડી ક્લિક્સની બાબતમાં સરસ દેખાતી ઇમેઇલ્સ બનાવવામાં મદદ કરશે.
હવે અમારા મુખ્ય વિષય પર પાછા જવાનો સમય છે - Outlook કોષ્ટકોમાં શરતી ફોર્મેટિંગ. બીજા શબ્દોમાં કહીએ તો, હું તમને બતાવીશ કે કોષો, તેમની સરહદો અને સામગ્રીને ઇચ્છિત રંગમાં કેવી રીતે રંગ કરવો. સૌ પ્રથમ, ખાતરી કરો કે તમને Outlook માં કોષ્ટકો કેવી રીતે બનાવવી તે યાદ છે.
જેમ હું ડ્રોપડાઉન સૂચિમાંથી પસંદ કરું છું તેના આધારે હું કોષોને રંગીન કરીશ, મારે વધુ એક પૂર્વ-વ્યવસ્થા કરવાની જરૂર પડશે. જો તમને ભરવા યોગ્ય ઈમેઈલ ટેમ્પલેટ્સ કેવી રીતે બનાવવું તેના પરનું મારું ટ્યુટોરીયલ યાદ આવે, તો તમે જાણો છો કે ડ્રોપડાઉન યાદીઓ ડેટાસેટ્સની મદદથી બનાવવામાં આવે છે. આ વિષય પર તમારા જ્ઞાનને અપડેટ કરવા માટે થોડો સમય ફાળવો જો તમને લાગે કે તમે ડેટાસેટ્સનું સંચાલન કેવી રીતે કરવું તે ભૂલી ગયા છો અને ચાલો આગળ વધીએ.
હવે હું જે રંગો પર જઈ રહ્યો છું તે સાથે ડેટાસેટને પહેલાથી સાચવવાની જરૂર છે. ઉપયોગ કરો (મેં તેને બોલાવ્યુંતમારો જવાબ સાંભળીને આનંદ થયો!
ડિસ્કાઉન્ટ સાથે ડેટાસેટ) અને ડ્રોપડાઉન પસંદગી સાથે WhatToEnterમેક્રો ઉમેરો. તો, અહીં મારો ડેટાસેટ છે:ડિસ્કાઉન્ટ | રંગ કોડ |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
જો તમે વિચારતા હોવ કે તે કોડ ક્યાંથી મેળવવો, તો ખાલી ટેબલ બનાવો, જાઓ તેના ગુણધર્મો પર અને કોઈપણ રંગ પસંદ કરો. તમે અનુરૂપ ફીલ્ડમાં તેનો કોડ જોશો, તેને ત્યાંથી જ કૉપિ કરવા માટે મફત લાગે.
હું WHAT_TO_ENTER મેક્રો બનાવું છું અને તેને આ ડેટાસેટ સાથે કનેક્ટ કરું છું કારણ કે મને તેની પાછળથી જરૂર પડશે:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Select discount'}]આ નાનો મેક્રો મને પસંદ કરવા માટે ડિસ્કાઉન્ટ ડ્રોપડાઉન મેળવવામાં મદદ કરશે. એકવાર હું આમ કરીશ પછી, મારા ટેબલના જરૂરી ભાગને રંગવામાં આવશે.
હું સમજું છું કે તે અત્યારે કેટલું અસ્પષ્ટ લાગે છે તેથી હું તમને આ ગેરસમજમાં છોડીશ નહીં અને ટેક્સ્ટનો રંગ કેવી રીતે બદલવો તે બતાવવાનું શરૂ કરીશ. અથવા કોષને હાઇલાઇટ કરો. હું મૂળભૂત નમૂનાઓનો ઉપયોગ કરીશ જેથી તમે વિચાર મેળવી શકો અને તમારા પોતાના ડેટા સાથે આ પ્રક્રિયાનું પુનઃઉત્પાદન કરી શકો.
ચાલો તેને શરૂ કરીએ.
ટેબલમાં ટેક્સ્ટનો ફોન્ટ રંગ બદલો
ચાલો કોષ્ટકમાં કેટલાક ટેક્સ્ટને શેડ કરવા સાથે પ્રારંભ કરીએ. મેં અમારા પેઇન્ટિંગ પ્રયોગો માટે નમૂના કોષ્ટક સાથેનો નમૂનો તૈયાર કર્યો છે:
મારું ધ્યેય ડ્રોપડાઉન પસંદગીના આધારે ટેક્સ્ટને અનુરૂપ રંગમાં રંગવાનું છે. બીજા શબ્દોમાં કહીએ તો, હું એક ટેમ્પલેટ પેસ્ટ કરવા માંગુ છું, ડ્રોપડાઉન સૂચિમાંથી જરૂરી ડિસ્કાઉન્ટ રેટ પસંદ કરો અને આ પેસ્ટ કરેલ ટેક્સ્ટ રંગીન હશે. કયા રંગમાં? તૈયારીના ભાગમાં ડેટાસેટ સુધી સ્ક્રોલ કરો, તમે જોશો કે દરેક ડિસ્કાઉન્ટ રેટનો પોતાનો રંગ કોડ છે. આ ઇચ્છિત રંગ છે જેનો ઉપયોગ કરવો જોઈએ.
હું ડ્રોપડાઉન સૂચિમાંથી ડિસ્કાઉન્ટ ઉમેરવા માંગુ છું, મારે આ સેલમાં WhatToEnter મેક્રો પેસ્ટ કરવાની જરૂર છે. લાગે છે કે તમારે આ વિષય પર તમારી યાદશક્તિને તાજી કરવાની જરૂર છે? મારા અગાઉના ટ્યુટોરિયલ્સમાંથી એક તપાસવા માટે થોડો સમય ફાળવો;)
તેથી, પરિણામી કોષ્ટક આના જેવું દેખાશે:
સેમ્પલ હેડર 1 | સેમ્પલ હેડર 2 | સેમ્પલ હેડર 3 |
~%WhatToEnter[ {dataset:'Dataset with discount', 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% પસંદ કરું છું અને મારી ટેક્સ્ટ તરત જ લીલા રંગમાં રંગીન થઈ જાય છે.
કોષની સામગ્રીના ભાગને શેડ કરો
કોષના માત્ર એક ભાગને રંગ આપવા માટેનો તર્કસામગ્રી મૂળભૂત રીતે સમાન હોય છે – તમે અગાઉના પ્રકરણના કોડ સાથે માત્ર ટુ-બી-ટીન્ટેડ ટેક્સ્ટને બદલો છો અને બાકીના ટેક્સ્ટને જેમ છે તેમ છોડી દો છો.
આ ઉદાહરણમાં, જો મારે માત્ર ટકાવારીને રંગ આપવાની જરૂર હોય તો ("ડિસ્કાઉન્ટ" શબ્દ વિના), હું HTML કોડ ખોલીશ, તે ભાગ પસંદ કરીશ કે જેને રંગીન કરવાની જરૂર નથી (અમારા કિસ્સામાં "ડિસ્કાઉન્ટ") અને તેને ટેગની બહાર ખસેડીશ:
માં જો તમે શરૂઆતથી જ રંગીન તૈયારીઓ કરી રહ્યા હોવ તો, ફક્ત ધ્યાનમાં રાખો કે ભાવિ-રંગીન ટેક્સ્ટ TEXT_TO_BE_COLORED ની જગ્યાએ જાય છે, બાકીનું સમાપ્ત થયા પછી રહે છે. અહીં મારું નવીકરણ કરેલ HTML છે:
જુઓ? મેં મારા સેલની સામગ્રીનો માત્ર એક ભાગ ટૅગ્સમાં મૂક્યો છે, તેથી પેસ્ટ કરતી વખતે માત્ર આ ભાગ જ રંગીન હશે.
ટેબલ કોષો પર શરતી ફોર્મેટિંગ લાગુ કરો
હવે ચાલો કાર્યને થોડું બદલીએ અને સમાન નમૂના કોષ્ટકમાં ટેક્સ્ટને નહીં પરંતુ સમગ્ર કોષોની પૃષ્ઠભૂમિને હાઇલાઇટ કરવાનો પ્રયાસ કરીએ.
એક કોષને હાઇલાઇટ કરો
જેમ હું એ જ કોષ્ટકમાં ફેરફાર કરી રહ્યો છું, હું મારી જાતને પુનરાવર્તિત કરીશ નહીં અને મૂળ કોષ્ટકનો HTML કોડ પણ આ પ્રકરણમાં પેસ્ટ કરીશ. થોડું ઉપર સ્ક્રોલ કરો અથવા પ્રથમ ઉદાહરણ પર જમણે કૂદકોઆ ટ્યુટોરીયલ રંગ વગરના કોષ્ટકના અપરિવર્તિત કોડને જોવા માટે.
જો હું સેલની પૃષ્ઠભૂમિને ડિસ્કાઉન્ટ સાથે શેડ કરવા માંગુ છું, તો મારે HTML ને પણ થોડો સંશોધિત કરવાની જરૂર પડશે, પરંતુ ફેરફાર તેનાથી અલગ હશે. ટેક્સ્ટનો રંગ. મુખ્ય તફાવત એ છે કે રંગ ટેક્સ્ટ પર નહીં પરંતુ સમગ્ર સેલ પર લાગુ થવો જોઈએ.
હાઈલાઈટ કરવા માટેનો કોષ HTML ફોર્મેટમાં જેવો દેખાય છે:
જેમ હું સેલને હાઇલાઇટ કરવા માંગુ છું, ફેરફારો સેલ એટ્રિબ્યુટ પર લાગુ થવા જોઈએ, નહીં કે ટેક્સ્ટ કરવા માટે. હું ઉપરની લીટીને ભાગોમાં તોડીશ, તેમાંથી દરેકને સ્પષ્ટ કરીશ અને જે ભાગોને બદલવાની જરૂર છે તે તરફ નિર્દેશ કરીશ:
- “શૈલી=” એટલે કે પંક્તિના કોષમાં નીચેની શૈલી ગુણધર્મો. આ તે છે જ્યાં અમે અમારો પ્રથમ વિરામ લઈએ છીએ. જેમ હું કસ્ટમ પૃષ્ઠભૂમિ રંગ સેટ કરવાનો છું, હું શૈલી ને ડેટા-સેટ-શૈલી માં બદલીશ.
- "પહોળાઈ: 32.2925%; સરહદ: 1px સોલિડ બ્લેક;" - તે ડિફૉલ્ટ શૈલી ગુણધર્મો છે જેનો મેં ઉપર અર્થ કર્યો છે. પસંદ કરેલ કોષની પૃષ્ઠભૂમિને કસ્ટમાઇઝ કરવા માટે મારે બીજું ઉમેરવાની જરૂર છે: background-color . મારો ધ્યેય ડ્રોપડાઉન સૂચિમાંથી ઉપયોગ કરવા માટેનો રંગ પસંદ કરવાનો હોવાથી, હું મારી તૈયારી પર પાછો ફરું છું અને ત્યાંથી તૈયાર WhatToEnter લઉં છું.
ટીપ. જો તમે ઇચ્છો છો કે સેલ એક રંગમાં રંગવામાં આવે અને દર વખતે ડ્રોપડાઉન સૂચિ તમને પરેશાન ન કરે,ફક્ત મેક્રોને રંગના નામ સાથે બદલો (ઉદાહરણ તરીકે "વાદળી",). તે આના જેવું દેખાશે: ~%WhatToEnter[{dataset:'Dataset with discount',column:'Discount',title:'Select discount'}] ડિસ્કાઉન્ટ
- “ ~%WhatToEnter[] ડિસ્કાઉન્ટ ” એ સેલની સામગ્રી છે.
તેથી, અહીં અપડેટ કરેલ HTML દેખાવ છે:
આખી પંક્તિને રંગીન કરો
જ્યારે એક કોષ પૂરતો ન હોય, ત્યારે હું આખી પંક્તિને રંગ કરું છું :) તમે વિચારી શકો છો કે તમારે ઉપરના વિભાગમાંથી તમામ કોષો માટે પગલાં લાગુ કરવાની જરૂર પડશે એક પંક્તિ હું તમને નિરાશ કરવા ઉતાવળ કરીશ, પ્રક્રિયા થોડી અલગ હશે.
ઉપરની સૂચનાઓમાં મેં તમને બતાવ્યું છે કે આ સેલના HTML ભાગને સંશોધિત કરતી કોષની પૃષ્ઠભૂમિ કેવી રીતે અપડેટ કરવી. હવેથી હું આખું ફરીથી રંગવા જઈ રહ્યો છુંપંક્તિ, મારે તેની HTML લાઇન લેવી પડશે અને તેના પર સીધા ફેરફારો લાગુ કરવા પડશે.
હવે તે વિકલ્પો-મુક્ત છે અને જેવું દેખાય છે. મને જરૂર પડશે data-set-style= ઉમેરવા અને ત્યાં મારું WHAT_TO_ENTER પેસ્ટ કરો. પરિણામમાં, રેખા નીચેની જેમ દેખાશે:
આ રીતે, પેઇન્ટેડ કોષ સાથે કોષ્ટકનું આખું HTML આના જેવું દેખાશે:
તમારા પોતાના નમૂનાઓ માટે આ HTML ની નિઃસંકોચ નકલ કરો જેથી ખાતરી કરો કે તે મારા વર્ણન પ્રમાણે કાર્ય કરે છે. વૈકલ્પિક રીતે, નીચેના સ્ક્રીનશૉટ પર વિશ્વાસ કરો :)
સારો અપ
આજે હું તમને Outlook કોષ્ટકોમાં શરતી ફોર્મેટિંગ વિશે કહેવા માંગતો હતો. મેં તમને બતાવ્યું કે કોષોની સામગ્રીનો રંગ કેવી રીતે બદલવો અને તેમની પૃષ્ઠભૂમિને કેવી રીતે પ્રકાશિત કરવી. આશા રાખું છું કે હું તમને સમજાવવામાં સફળ થયો છું કે ટેમ્પલેટના HTML ને સંશોધિત કરવામાં કંઈ ખાસ અને મુશ્કેલ નથી અને તમે તમારા પોતાના કેટલાક પેઇન્ટિંગ પ્રયોગો ચલાવશો ;)
FYI, ટૂલ તમારા Microsoft સ્ટોર પરથી ઇન્સ્ટોલ કરી શકાય છે. PC, Mac અથવા Windows ટેબ્લેટ અને તમારા બધા ઉપકરણો પર એકસાથે ઉપયોગમાં લેવાય છે.
જો તમારી પાસે કોષ્ટકોના ફોર્મેટિંગ વિશે કોઈ પ્રશ્નો હોય અથવા, કદાચ, સૂચનો હોય, તો કૃપા કરીને મને ટિપ્પણીઓમાં જણાવો. હું હોઈશ