Külgriba on kasutajaliidese element (väike vertikaalne ala), mis kuvatakse kas suuremast aknast vasakul või paremal või kasutajaekraanil, et kuvada seotud teavet või valikute või navigeerimisvalikute loendit.
Google'i lehtede külgriba on kasutajaliidese paneel, mis kuvatakse Google'i arvutustabelite paremas servas. Google pakub sisseehitatud skriptiredaktorit nimega Apps Script, mis võib luua G-Suite'i rakenduste jaoks erinevaid lisandmooduleid ja elemente. Seda saab kasutada ka oma kohandatud külgribade loomiseks Google'i lehtedel.
See artikkel näitab teile, kuidas luua Google'i arvutustabelites kohandatud külgriba Google Apps Scripti redaktori abil.
Külgriba loomine Google'i arvutustabelites Apps Scripti abil
Kui soovite luua kohandatud külgriba, peate rakenduste skriptiredaktoris sisestama ja käivitama teatud koodi. Seejärel saate HTML-, CSS- ja Javascripti koodide abil külgribal luua oma vidinaid.
Kõigepealt avage Google'i lehed. Google'i lehtede menüüs klõpsake "Tööriistad" ja valige "Skriptiredaktor".
See avab rakenduste skriptiredaktori teie brauseri uuel vahekaardil, kuhu saate kirjutada oma kasutajaliidese koodi.
Kirjutage Code.gs lehele järgmine kood:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Minu uus menüü') .addItem('Minu külgriba 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Arvutamise külgriba'); SpreadsheetApp.getUi() .showSidebar(html); }
Ülaltoodud Code.gs-i skriptikoodis loob funktsioon OnOpen() google'i lehtede menüüribal kohandatud menüü nimega "Minu uus menüü". See menüü sisaldab menüüelementi nimega "Minu külgriba-1". Kui klõpsate sellel menüüüksusel, käivitatakse funktsioon showAdminSidebar() (koodi teine osa) ja külgriba kuvatakse Google'i lehe akna paremas servas.
Järgmiseks peame looma skriptiredaktoris HTML-faili ja seejärel saate selle failiga luua külgriba.
HTML-faili loomiseks klõpsake Apps Scripti redaktoris valiku Failid kõrval plussmärgi (+) ikooni ja valige „HTML”.
See loob koodi Code.gs alla HTML-faili. Nimetage fail ümber küljeribaks. See nimi peaks olema sama, mis lisati funktsioonis showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Kirjutage faili Sidebar.html jaotisesse järgmine kood:
See on minu uus külgriba
Ülaltoodud kood kuvab tekstistringi "See on minu uus külgriba" ja nuppu "Sule", mis sulgeb külgriba, kui sellel klõpsate.
Kui olete ülaltoodud koodi Sidebar.html jaotisesse kirjutamise lõpetanud, peaks see sisaldama järgmist koodi:
See on minu uus külgriba.
Ekraanipilt:
Kui olete mõlema koodi sisestamise lõpetanud, salvestage projekt, klõpsates tööriistaribal salvestamise ikooni (vt allolevat ekraanipilti). Seejärel käivitage funktsioonid, klõpsates ikooni "Käivita".
Olenemata sellest, kas käivitate skripti siin või valite Google'i lehtede tööriistaribal kohandatud menüüüksuse (esimest korda), palub Google teil skripti käitamiseks lubada. Kuna kasutate kolmanda osapoole kohandatud vidinat, taotleb google teie volitust. Kui olete skripti autoriseerinud, kuvab see teie Google'i lehel külgriba.
Kuidas Google'is rakenduste skriptikoodi volitada
Kohandatud skripti autoriseerimiseks toimige järgmiselt.
Kui olete skripti käivitanud, palub Google teil valida oma Google'i konto. Pärast selle valimist kuvatakse väike hüpikaken, kus klõpsake nuppu "Lubade ülevaatamine".
Ilmub veel üks hüpikaken, siin valige "Kuva täpsem" ja klõpsake nuppu "Mine pealkirjata projektile (ebaturvaline)" (see näitab teie projekti nime).
Järgmises aknas klõpsake "Luba" ja Google'i leht käivitab teie skripti.
Kui olete seda teinud, minge tagasi oma Google'i lehele ja värskendage seda. Uus kohandatud menüü (Minu uus menüü) lisatakse teie Google'i lehe tööriistaribale, mille lisasime skripti Code.gs kaudu. Klõpsake "Minu uus menüü" ja valige külgriba kuvamiseks menüüelement "Minu külgriba 1".
Nüüd kuvatakse teie kohandatud külgriba teie Google'i lehe paremas servas koos meie lisatud teksti ja nupuga (nagu allpool näidatud). Nupul klõpsates külgriba suletakse.
Noh, nüüd teate, kuidas luua Google'i lehtedel oma külgriba.