Sivupalkki on käyttöliittymäelementti (pieni pystysuuntainen alue), joka näkyy joko suuremman ikkunan vasemmalla tai oikealla puolella tai käyttäjänäytössä ja näyttää asiaan liittyviä tietoja tai luettelon valinnoista tai navigointivaihtoehdoista.
Google Sheetsin sivupalkki on käyttöliittymäpaneeli, joka näkyy Google Sheetsin oikealla puolella. Google tarjoaa sisäänrakennetun komentosarjaeditorin nimeltä Apps Script, joka voi luoda erilaisia lisäosia ja elementtejä G-Suite-sovelluksiin. Sitä voidaan käyttää myös omien mukautettujen sivupalkkien rakentamiseen Google-taulukoissa.
Tämä artikkeli näyttää, kuinka voit luoda mukautetun sivupalkin Google Sheetsissä Google Apps Script -editorilla.
Sivupalkin luominen Google Sheetsissä Apps Scriptin avulla
Jos haluat tehdä mukautetun sivupalkin, sinun on syötettävä ja suoritettava tietty koodi Apps Script -editorissa. Sitten voit rakentaa omia widgettejäsi sivupalkkiin käyttämällä HTML-, CSS- ja Javascript-koodeja.
Avaa ensin Google-taulukot. Napsauta Google-taulukkovalikosta Työkalut ja valitse komentosarjaeditori.
Tämä avaa Apps Script -editorin selaimesi uudelle välilehdelle, johon voit kirjoittaa käyttöliittymäkoodisi.
Kirjoita seuraava koodi Code.gs-sivulle:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Oma uusi valikko') .addItem('Oma sivupalkki 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sivupalkki') .setTitle('Laskennan sivupalkki'); SpreadsheetApp.getUi() .showSidebar(html); }
Yllä olevassa Code.gs-skriptikoodissa OnOpen()-funktio luo mukautetun valikon nimeltä "Oma uusi valikko" Google Shes -valikkopalkkiin. Tämä valikko sisältää valikkokohdan nimeltä "Oma sivupalkki-1". Kun napsautat tätä valikkokohtaa, showAdminSidebar()-toiminto (koodin toinen osa) suoritetaan ja sivupalkki näytetään Google-taulukkoikkunan oikealla puolella.
Seuraavaksi meidän on luotava HTML-tiedosto komentosarjaeditorissa, ja tämän tiedoston avulla voit luoda sivupalkin.
Luo HTML-tiedosto napsauttamalla plus (+) -kuvaketta Tiedostot-kohdan vieressä Apps Script -editorissa ja valitsemalla HTML.
Tämä luo HTML-tiedoston Code.gs:n alle. Nimeä tiedosto uudelleen nimellä "Sidebar". Tämän nimen tulee olla sama kuin se, joka lisättiin showSidebar()-funktioon (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Kirjoita seuraava koodi Sidebar.html-tiedoston osioon:
Tämä on uusi sivupalkkini
Yllä oleva koodi näyttää tekstijonon "Tämä on uusi sivupalkki" ja "Sulje" -painike, joka sulkee sivupalkin, kun sitä napsautetaan.
Kun olet kirjoittanut yllä olevan koodin Sidebar.html-osioon, sen pitäisi sisältää seuraava koodi:
Tämä on uusi sivupalkkini.
Kuvakaappaus:
Kun olet syöttänyt molemmat koodit, tallenna projekti napsauttamalla työkalupalkin tallennuskuvaketta (katso alla oleva kuvakaappaus). Suorita sitten toiminnot napsauttamalla "Suorita" -kuvaketta.
Suoritatpa skriptin tässä tai valitset mukautetun valikkokohdan Google Shes -työkalupalkista (ensimmäistä kertaa), Google pyytää sinua valtuuttamaan skriptin suorittamisen. Koska käytät kolmannen osapuolen mukautettua widgetiä, google pyytää valtuutustasi. Kun olet valtuuttanut skriptin, se näyttää sivupalkin Google-taulukossasi.
Apps Script -koodin valtuuttaminen Googlessa
Valtuuta mukautettu skripti seuraavasti:
Kun suoritat ohjelman, Google pyytää sinua valitsemaan Google-tilisi. Kun olet valinnut sen, näkyviin tulee pieni ponnahdusikkuna, jossa napsauta "Tarkista käyttöoikeudet".
Toinen ponnahdusikkuna tulee näkyviin, valitse tässä "Näytä lisäasetukset" ja napsauta "Siirry nimettömään projektiin (vaarallinen)" (Se näyttää projektisi nimen).
Napsauta seuraavassa ikkunassa "Salli" ja google-taulukko suorittaa skriptisi.
Kun olet tehnyt sen, palaa Google-taulukkoosi ja päivitä se. Uusi mukautettu valikko (My New Menu) lisätään Google-taulukon työkalupalkkiin, jonka lisäsimme Code.gs-skriptin kautta. Napsauta "Oma uusi valikkoni" ja valitse valikosta kohta "Oma sivupalkki 1", jolloin sivupalkki tulee näkyviin.
Nyt mukautettu sivupalkki näkyy Google-taulukon oikealla puolella, ja siinä on lisätty teksti ja painike (kuten alla). Kun napsautat painiketta, sivupalkki suljetaan.
No, nyt tiedät kuinka rakentaa oma sivupalkki Google-taulukoissa.