O bară laterală este un element de interfață cu utilizatorul (o zonă verticală mică) care apare fie în stânga, fie în dreapta ferestrei mai mari sau pe ecranul utilizatorului pentru a afișa informații aferente sau o listă de opțiuni sau opțiuni de navigare.
Bara laterală din Foi de calcul Google este un panou de interfață cu utilizatorul care este afișat în partea dreaptă a Foi de calcul Google. Google oferă un editor de scripturi încorporat numit Apps Script, care poate crea diverse suplimente și elemente pentru aplicațiile G-Suite. Poate fi folosit și pentru construirea propriilor bare laterale personalizate în foile Google.
Acest articol vă va arăta cum să creați o bară laterală personalizată în Foi de calcul Google folosind editorul Google Apps Script.
Crearea unei bare laterale în Foi de calcul Google utilizând Apps Script
Dacă doriți să creați o bară laterală personalizată, trebuie să introduceți și să rulați un anumit cod în editorul Apps Script. Apoi vă puteți crea propriile widget-uri în bara laterală folosind coduri HTML, CSS și Javascript.
Mai întâi, deschideți foile Google. În meniul Foi de calcul Google, faceți clic pe „Instrumente” și selectați „Editor de scripturi”.
Aceasta va deschide editorul Apps Script într-o filă nouă a browserului dvs. unde puteți scrie codul interfeței cu utilizatorul.
Scrieți următorul cod în pagina Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Noul meu meniu') .addItem('My sidebar 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
În codul de script Code.gs de mai sus, funcția OnOpen() creează un meniu personalizat numit „Noul meu meniu” în bara de meniu Google sheets. Acel meniu va conține un element de meniu numit „Bara mea laterală-1”. Când faceți clic pe acest element de meniu, funcția showAdminSidebar() (a doua parte a codului) va fi rulată și bara laterală va fi afișată în partea dreaptă a ferestrei foii Google.
Apoi, trebuie să creăm un fișier HTML în editorul de scripturi, iar apoi cu acest fișier, puteți crea bara laterală.
Pentru a crea fișierul HTML, faceți clic pe pictograma plus (+) de lângă Fișiere în editorul Apps Script și selectați „HTML”.
Aceasta va crea un fișier HTML sub Code.gs. Redenumiți fișierul ca „Bară laterală”. Acest nume ar trebui să fie același cu cel adăugat în funcția showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Scrieți următorul cod în secțiunea fișierului Sidebar.html:
Aceasta este noua mea bară laterală
Codul de mai sus afișează șirul de text „Aceasta este noua mea bară laterală” și butonul „Închidere” care închide bara laterală când se face clic pe ea.
După ce ați terminat de scris codul de mai sus în secțiunea Sidebar.html, acesta ar trebui să conțină următorul cod:
Aceasta este noua mea bară laterală.
Captura de ecran:
Când ați terminat de introdus ambele coduri, salvați proiectul făcând clic pe pictograma de salvare din bara de instrumente (consultați captura de ecran de mai jos). Apoi rulați funcțiile făcând clic pe pictograma „Run”.
Indiferent dacă rulați scriptul aici sau dacă selectați elementul de meniu personalizat din bara de instrumente Google Sheets (pentru prima dată), Google vă va cere să autorizați scriptul să ruleze. Deoarece rulați un widget personalizat terță parte, Google vă va solicita autorizarea. Odată ce autorizați scriptul, acesta va afișa bara laterală în foaia dvs. Google.
Cum să autorizați codul Apps Script în Google
Pentru a autoriza scriptul personalizat, urmați acești pași:
După ce rulați scriptul, Google vă va cere să vă selectați contul Google. După ce l-ați selectat, va apărea o mică fereastră pop-up, în care faceți clic pe „Revizuiți permisiunile”.
Va apărea o altă fereastră pop-up, aici selectați „Afișați avansat” și faceți clic pe „Accesați proiectul fără titlu (nesigur)” (va afișa numele proiectului).
În fereastra următoare, faceți clic pe „Permite” și foaia Google va rula scriptul.
După ce ați făcut asta, reveniți la foaia dvs. Google și reîmprospătați-o. Noul meniu personalizat (Noul meu meniu) va fi adăugat la bara de instrumente Google Sheet, pe care am adăugat-o prin scriptul Code.gs. Faceți clic pe „Noul meu meniu” și selectați elementul de meniu „Bara mea laterală 1” pentru a afișa bara laterală.
Acum, bara laterală personalizată va apărea în partea dreaptă a foii Google cu textul și butonul pe care l-am adăugat (după cum se arată mai jos). Când faceți clic pe butonul, bara laterală va fi închisă.
Ei bine, acum știi cum să-ți creezi propria bară laterală în foile Google.