Bočna traka je element korisničkog sučelja (malo okomito područje) koji se pojavljuje lijevo ili desno od većeg prozora ili na korisničkom zaslonu za prikaz povezanih informacija ili popisa izbora ili navigacijskih opcija.
Bočna traka u Google tablicama je ploča korisničkog sučelja koja se prikazuje na desnoj strani Google tablica. Google nudi ugrađeni uređivač skripti pod nazivom Apps Script koji može stvoriti različite dodatke i elemente za G-Suite aplikacije. Također se može koristiti za izradu vlastitih prilagođenih bočnih traka u Google tablicama.
Ovaj članak će vam pokazati kako napraviti prilagođenu bočnu traku u Google tablicama pomoću uređivača skripti Google Apps.
Izrada bočne trake u Google tablicama pomoću Apps Script
Ako želite napraviti prilagođenu bočnu traku, morate unijeti i pokrenuti određeni kod u uređivaču Apps Script. Zatim možete izraditi vlastite widgete unutar bočne trake koristeći HTML, CSS i Javascript kodove.
Prvo otvorite Google tablice. U izborniku Google tablica kliknite "Alati" i odaberite "Uređivač skripti".
To će otvoriti uređivač Apps Script u novoj kartici vašeg preglednika gdje možete napisati svoj kod korisničkog sučelja.
Napišite sljedeći kod na stranici Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Moj novi izbornik') .addItem('Moja bočna traka 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
U gornjem kodu Code.gs skripte, funkcija OnOpen() stvara prilagođeni izbornik pod nazivom 'Moj novi izbornik' u traci izbornika google tablica. Taj će izbornik sadržavati stavku izbornika pod nazivom "Moja bočna traka-1". Kada kliknete ovu stavku izbornika, pokrenut će se funkcija showAdminSidebar() (drugi dio koda), a bočna traka će se prikazati na desnoj strani prozora Google lista.
Zatim trebamo stvoriti HTML datoteku u uređivaču skripti, a zatim pomoću ove datoteke možete stvoriti bočnu traku.
Da biste izradili HTML datoteku, kliknite ikonu plus (+) pored Files in Apps Script editor i odaberite "HTML".
Ovo će stvoriti HTML datoteku ispod Code.gs. Preimenujte datoteku u "Bočna traka". Ovaj naziv trebao bi biti isti kao onaj koji je dodan u funkciju showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Napišite sljedeći kod unutar odjeljka datoteke Sidebar.html:
Ovo je moja nova bočna traka
Gornji kod prikazuje tekstualni niz "Ovo je moja nova bočna traka" i gumb "Zatvori" koji zatvara bočnu traku kada se klikne na nju.
Nakon što završite s pisanjem gornjeg koda u odjeljku Sidebar.html, trebao bi sadržavati sljedeći kod:
Ovo je moja nova bočna traka.
Snimak zaslona:
Kada završite s unosom oba koda, spremite projekt klikom na ikonu za spremanje na alatnoj traci (pogledajte donju snimku zaslona). Zatim pokrenite funkcije klikom na ikonu "Pokreni".
Bez obzira na to pokrenete li skriptu ovdje ili odaberete prilagođenu stavku izbornika na alatnoj traci Google tablica (prvi put), Google će od vas tražiti da ovlastite skriptu za pokretanje. Budući da koristite prilagođeni widget treće strane, google će zatražiti vašu autorizaciju. Nakon što autorizirate skriptu, ona će prikazati bočnu traku unutar vašeg Google lista.
Kako autorizirati Apps Script Code u Googleu
Da biste autorizirali svoju prilagođenu skriptu, slijedite ove korake:
Nakon što pokrenete skriptu, Google će od vas tražiti da odaberete svoj Google račun. Nakon što ga odaberete, pojavit će se mali skočni prozor u kojem kliknite "Pregledaj dopuštenja".
Pojavit će se još jedan skočni prozor, ovdje odaberite "Prikaži napredno" i kliknite "Idi na projekt bez naziva (nesigurno)" (prikazuje naziv vašeg projekta).
U sljedećem prozoru kliknite na "Dopusti" i google list će pokrenuti vašu skriptu.
Nakon što to učinite, vratite se na svoju Google tablicu i osvježite je. Novi prilagođeni izbornik (Moj novi izbornik) bit će dodan na vašu alatnu traku Google lista, koju smo dodali putem Code.gs skripte. Kliknite "Moj novi izbornik" i odaberite stavku izbornika "Moja bočna traka 1" za prikaz bočne trake.
Sada će se vaša prilagođena bočna traka prikazati na desnoj strani vašeg Google lista s tekstom i gumbom koji smo dodali (kao što je prikazano u nastavku). Kada kliknete na gumb, bočna traka će se zatvoriti.
Pa, sada znate kako izgraditi vlastitu bočnu traku u Google tablicama.