Bočný panel je prvok používateľského rozhrania (malá zvislá oblasť), ktorý sa zobrazuje buď naľavo alebo napravo od väčšieho okna alebo na obrazovke používateľa a zobrazuje súvisiace informácie alebo zoznam možností alebo možností navigácie.
Bočný panel v Tabuľkách Google je panel používateľského rozhrania, ktorý sa zobrazuje na pravej strane Tabuľky Google. Google poskytuje vstavaný editor skriptov s názvom Apps Script, ktorý dokáže vytvárať rôzne doplnky a prvky pre aplikácie G-Suite. Dá sa použiť aj na vytváranie vlastných bočných panelov v hárkoch Google.
Tento článok vám ukáže, ako vytvoriť vlastný bočný panel v Tabuľkách Google pomocou editora Google Apps Script.
Vytvorenie bočného panela v Tabuľkách Google pomocou Apps Script
Ak chcete vytvoriť vlastný bočný panel, musíte zadať a spustiť určitý kód v editore Apps Script. Potom si môžete vytvoriť svoje vlastné widgety na bočnom paneli pomocou kódov HTML, CSS a Javascript.
Najprv otvorte hárky Google. V ponuke hárkov Google kliknite na „Nástroje“ a vyberte „Editor skriptov“.
Tým sa otvorí editor Apps Script na novej karte prehliadača, kde môžete napísať kód používateľského rozhrania.
Napíšte nasledujúci kód na stránku Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Moja nová ponuka') .addItem('Moja bočná lišta 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Bočný panel') .setTitle('Postranný panel výpočtu'); SpreadsheetApp.getUi() .showSidebar(html); }
Vo vyššie uvedenom kóde skriptu Code.gs funkcia OnOpen() vytvorí vlastnú ponuku s názvom „Moja nová ponuka“ na paneli s ponukami hárkov Google. Táto ponuka bude obsahovať položku ponuky s názvom „Môj bočný panel-1“. Keď kliknete na túto položku ponuky, spustí sa funkcia showAdminSidebar() (druhá časť kódu) a bočný panel sa zobrazí na pravej strane okna hárku Google.
Ďalej musíme vytvoriť súbor HTML v editore skriptov a potom pomocou tohto súboru môžete vytvoriť bočný panel.
Ak chcete vytvoriť súbor HTML, kliknite na ikonu plus (+) vedľa položky Súbory v editore Apps Script a vyberte možnosť „HTML“.
Tým sa vytvorí súbor HTML pod Code.gs. Premenujte súbor na „bočný panel“. Tento názov by mal byť rovnaký ako názov pridaný vo funkcii showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Napíšte nasledujúci kód do sekcie súboru Sidebar.html:
Toto je môj nový bočný panel
Vyššie uvedený kód zobrazuje textový reťazec „Toto je môj nový bočný panel“ a tlačidlo „Zatvoriť“, ktoré po kliknutí na bočný panel zatvorí.
Po dokončení písania vyššie uvedeného kódu v sekcii Sidebar.html by mal obsahovať nasledujúci kód:
Toto je môj nový bočný panel.
Snímka obrazovky:
Po zadaní oboch kódov uložte projekt kliknutím na ikonu uloženia na paneli s nástrojmi (pozri snímku obrazovky nižšie). Potom spustite funkcie kliknutím na ikonu „Spustiť“.
Či už skript spustíte tu alebo vyberiete položku vlastnej ponuky na paneli s nástrojmi hárkov Google (prvýkrát), spoločnosť Google vás požiada o autorizáciu spustenia skriptu. Keďže máte spustenú vlastnú miniaplikáciu tretej strany, google si vyžiada vašu autorizáciu. Po autorizácii skriptu sa zobrazí bočný panel vo vašom hárku Google.
Ako autorizovať kód Apps Script v službe Google
Ak chcete autorizovať vlastný skript, postupujte takto:
Po spustení skriptu vás Google požiada, aby ste vybrali svoj účet Google. Po jeho výbere sa zobrazí malé kontextové okno, v ktorom kliknite na „Povolenia na kontrolu“.
Objaví sa ďalšie vyskakovacie okno, tu vyberte „Zobraziť rozšírené“ a kliknite na „Prejsť na projekt bez názvu (nebezpečný)“ (zobrazí sa názov vášho projektu).
V ďalšom okne kliknite na „Povoliť“ a hárok Google spustí váš skript.
Keď to urobíte, vráťte sa späť na svoj hárok Google a obnovte ho. Nová vlastná ponuka (Moja nová ponuka) bude pridaná na panel s nástrojmi vášho listu Google, ktorý sme pridali prostredníctvom skriptu Code.gs. Kliknite na „Moja nová ponuka“ a vyberte položku ponuky „Môj bočný panel 1“, čím zobrazíte bočný panel.
Teraz sa váš vlastný bočný panel zobrazí na pravej strane vášho hárku Google s textom a tlačidlom, ktoré sme pridali (ako je uvedené nižšie). Keď kliknete na tlačidlo, bočný panel sa zatvorí.
Teraz už viete, ako si vytvoriť svoj vlastný bočný panel v hárkoch Google.