సైడ్బార్ అనేది వినియోగదారు ఇంటర్ఫేస్ మూలకం (చిన్న నిలువు ప్రాంతం), ఇది సంబంధిత సమాచారం లేదా ఎంపికలు లేదా నావిగేషన్ ఎంపికల జాబితాను ప్రదర్శించడానికి పెద్ద విండో లేదా వినియోగదారు స్క్రీన్పై ఎడమ లేదా కుడి వైపున కనిపిస్తుంది.
Google షీట్లలోని సైడ్బార్ అనేది Google షీట్లకు కుడి వైపున ప్రదర్శించబడే వినియోగదారు ఇంటర్ఫేస్ ప్యానెల్. G-Suite అప్లికేషన్ల కోసం వివిధ యాడ్-ఆన్లు మరియు ఎలిమెంట్లను సృష్టించగల యాప్స్ స్క్రిప్ట్ అని పిలువబడే అంతర్నిర్మిత స్క్రిప్ట్ ఎడిటర్ను Google అందిస్తుంది. ఇది Google షీట్లలో మీ స్వంత అనుకూల సైడ్బార్లను రూపొందించడానికి కూడా ఉపయోగించవచ్చు.
Google Apps స్క్రిప్ట్ ఎడిటర్ని ఉపయోగించి Google షీట్లలో అనుకూల సైడ్బార్ను ఎలా తయారు చేయాలో ఈ కథనం మీకు చూపుతుంది.
Apps స్క్రిప్ట్ని ఉపయోగించి Google షీట్లలో సైడ్బార్ని సృష్టిస్తోంది
మీరు కస్టమ్ సైడ్బార్ని తయారు చేయాలనుకుంటే, మీరు Apps స్క్రిప్ట్ ఎడిటర్లో నిర్దిష్ట కోడ్ని నమోదు చేసి, అమలు చేయాలి. అప్పుడు మీరు HTML, CSS మరియు Javascript కోడ్లను ఉపయోగించి సైడ్బార్లో మీ స్వంత విడ్జెట్లను రూపొందించవచ్చు.
ముందుగా, Google షీట్లను తెరవండి. Google షీట్ల మెనులో, 'టూల్స్' క్లిక్ చేసి, 'స్క్రిప్ట్ ఎడిటర్'ని ఎంచుకోండి.
అది యాప్స్ స్క్రిప్ట్ ఎడిటర్ని మీ బ్రౌజర్లోని కొత్త ట్యాబ్లో తెరుస్తుంది, ఇక్కడ మీరు మీ యూజర్ ఇంటర్ఫేస్ కోడ్ను వ్రాయవచ్చు.
Code.gs పేజీలో క్రింది కోడ్ను వ్రాయండి:
ఫంక్షన్ onOpen() { SpreadsheetApp.getUi() .createMenu('My New Menu') .addItem('నా సైడ్బార్ 1', 'showSidebar') .addToUi(); } ఫంక్షన్ showSidebar() {var html = HtmlService.createHtmlOutputFromFile('సైడ్బార్') .setTitle('కాలిక్యులేషన్ సైడ్బార్'); SpreadsheetApp.getUi() .showSidebar(html); }
పై Code.gs స్క్రిప్ట్ కోడ్లో, OnOpen() ఫంక్షన్ గూగుల్ షీట్ల మెను బార్లో ‘మై న్యూ మెనూ’ అనే కస్టమ్ మెనుని సృష్టిస్తుంది. ఆ మెనూలో 'నా సైడ్బార్-1' అనే మెను ఐటెమ్ ఉంటుంది. మీరు ఈ మెను ఐటెమ్ను క్లిక్ చేసినప్పుడు, showAdminSidebar() ఫంక్షన్ (కోడ్ యొక్క రెండవ భాగం) అమలు చేయబడుతుంది మరియు సైడ్బార్ Google షీట్ విండో యొక్క కుడి వైపున చూపబడుతుంది.
తరువాత, మేము స్క్రిప్ట్ ఎడిటర్లో HTML ఫైల్ను సృష్టించాలి, ఆపై ఈ ఫైల్తో, మీరు సైడ్బార్ను సృష్టించవచ్చు.
HTML ఫైల్ని సృష్టించడానికి, Apps స్క్రిప్ట్ ఎడిటర్లో ఫైల్స్ పక్కన ఉన్న ప్లస్ (+) చిహ్నాన్ని క్లిక్ చేసి, 'HTML'ని ఎంచుకోండి.
ఇది Code.gs క్రింద ఒక HTML ఫైల్ను సృష్టిస్తుంది. ఫైల్ని 'సైడ్బార్'గా పేరు మార్చండి. ఈ పేరు showSidebar() ఫంక్షన్లో జోడించిన పేరు వలెనే ఉండాలి (var html = HtmlService.createHtmlOutputFromFile('సైడ్బార్')).
Sidebar.html ఫైల్ విభాగంలో కింది కోడ్ను వ్రాయండి:
ఇది నా కొత్త సైడ్బార్
పై కోడ్ టెక్స్ట్ స్ట్రింగ్ 'ఇది నా కొత్త సైడ్బార్' మరియు 'క్లోజ్' బటన్ను ప్రదర్శిస్తుంది, దానిపై క్లిక్ చేసినప్పుడు సైడ్బార్ను మూసివేస్తుంది.
మీరు Sidebar.html విభాగంలో పై కోడ్ని వ్రాయడం పూర్తి చేసిన తర్వాత, అది క్రింది కోడ్ని కలిగి ఉండాలి:
ఇది నా కొత్త సైడ్బార్.
స్క్రీన్ షాట్:
మీరు రెండు కోడ్లను నమోదు చేయడం పూర్తయిన తర్వాత, టూల్బార్లోని సేవ్ చిహ్నాన్ని క్లిక్ చేయడం ద్వారా ప్రాజెక్ట్ను సేవ్ చేయండి (క్రింద స్క్రీన్షాట్ చూడండి). ఆపై 'రన్' చిహ్నాన్ని క్లిక్ చేయడం ద్వారా ఫంక్షన్లను అమలు చేయండి.
మీరు ఇక్కడ స్క్రిప్ట్ని అమలు చేసినా లేదా Google షీట్ల టూల్బార్లో అనుకూల మెను ఐటెమ్ను ఎంచుకున్నా (మొదటిసారి), స్క్రిప్ట్ను అమలు చేయడానికి అధికారం ఇవ్వమని Google మిమ్మల్ని అడుగుతుంది. మీరు మూడవ పక్ష అనుకూల విడ్జెట్ని అమలు చేస్తున్నందున, Google మీ అధికారాన్ని అభ్యర్థిస్తుంది. మీరు స్క్రిప్ట్ను ప్రామాణీకరించిన తర్వాత, అది మీ Google షీట్లో సైడ్బార్ను ప్రదర్శిస్తుంది.
Googleలో యాప్స్ స్క్రిప్ట్ కోడ్ని ఎలా ఆథరైజ్ చేయాలి
మీ అనుకూల స్క్రిప్ట్ను ప్రామాణీకరించడానికి ఈ దశలను అనుసరించండి:
మీరు స్క్రిప్ట్ని అమలు చేసిన తర్వాత, మీ Google ఖాతాను ఎంచుకోమని Google మిమ్మల్ని అడుగుతుంది. మీరు దీన్ని ఎంచుకున్న తర్వాత, ఒక చిన్న పాప్-అప్ కనిపిస్తుంది, అందులో 'అనుమతులను సమీక్షించండి' క్లిక్ చేయండి.
మరొక పాప్-అప్ కనిపిస్తుంది, ఇక్కడ 'అధునాతనాన్ని చూపు' ఎంచుకుని, 'శీర్షిక లేని ప్రాజెక్ట్కి వెళ్లు (అసురక్షిత)' క్లిక్ చేయండి (ఇది మీ ప్రాజెక్ట్ పేరును చూపుతుంది).
తదుపరి విండోలో, 'అనుమతించు' క్లిక్ చేయండి మరియు Google షీట్ మీ స్క్రిప్ట్ను అమలు చేస్తుంది.
మీరు దాన్ని పూర్తి చేసిన తర్వాత, మీ Google షీట్కి తిరిగి వెళ్లి దాన్ని రిఫ్రెష్ చేయండి. మేము Code.gs స్క్రిప్ట్ ద్వారా జోడించిన కొత్త అనుకూల మెను (నా కొత్త మెనూ) మీ Google షీట్ టూల్బార్కి జోడించబడుతుంది. సైడ్బార్ను ప్రదర్శించడానికి 'నా కొత్త మెను' క్లిక్ చేసి, మెను ఐటెమ్ 'నా సైడ్బార్ 1'ని ఎంచుకోండి.
ఇప్పుడు మీ అనుకూల సైడ్బార్ మీ Google షీట్ యొక్క కుడి వైపున మేము జోడించిన టెక్స్ట్ మరియు బటన్తో చూపబడుతుంది (క్రింద చూపిన విధంగా). మీరు బటన్ను క్లిక్ చేసినప్పుడు, సైడ్బార్ మూసివేయబడుతుంది.
సరే, Google షీట్లలో మీ స్వంత సైడ్బార్ను ఎలా నిర్మించాలో ఇప్పుడు మీకు తెలుసు.