En sidefelt er et brukergrensesnittelement (et lite vertikalt område) som vises enten til venstre eller høyre for det større vinduet eller på brukerskjermen for å vise relatert informasjon eller en liste over valg eller navigasjonsalternativer.
Sidefeltet i Google Sheets er et brukergrensesnittpanel som vises på høyre side av Google Sheets. Google tilbyr en innebygd skriptredigerer kalt Apps Script som kan lage ulike tillegg og elementer for G-Suite-applikasjoner. Den kan også brukes til å bygge dine egne tilpassede sidefelt i Google-ark.
Denne artikkelen viser deg hvordan du lager et tilpasset sidefelt i Google Sheets ved hjelp av Google Apps Script-redigering.
Opprette en sidefelt i Google Sheets ved hjelp av Apps Script
Hvis du vil lage en egendefinert sidefelt, må du skrive inn og kjøre en viss kode i Apps Script-editoren. Deretter kan du bygge dine egne widgets i sidefeltet ved å bruke HTML-, CSS- og Javascript-koder.
Først åpner du Google-arkene. I Google Sheets-menyen klikker du på "Verktøy" og velger "Skriptredigering".
Det vil åpne Apps Script-redigering i en ny fane i nettleseren din hvor du kan skrive brukergrensesnittkoden.
Skriv følgende kode på Code.gs-siden:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Min nye meny') .addItem('Min sidefelt 1', 'showSidebar') .addToUi(); } funksjon showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
I Code.gs-skriptkoden ovenfor oppretter OnOpen()-funksjonen en egendefinert meny kalt "Min nye meny" i menylinjen i Google Sheets. Den menyen vil inneholde et menyelement kalt 'Min sidefelt-1'. Når du klikker på dette menyelementet, vil showAdminSidebar()-funksjonen (den andre delen av koden) kjøres og sidefeltet vises på høyre side av Google-arkvinduet.
Deretter må vi lage en HTML-fil i Script-editoren, og med denne filen kan du lage sidefeltet.
For å opprette HTML-filen, klikk på pluss-ikonet (+) ved siden av Filer i Apps Script-redigeringsprogram og velg "HTML".
Dette vil lage en HTML-fil under Code.gs. Gi filen nytt navn til "Sidefelt". Dette navnet skal være det samme som det som er lagt til i funksjonen showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Skriv følgende kode i delen av Sidebar.html-filen:
Dette er min nye sidepanel
Koden ovenfor viser tekststrengen "Dette er min nye sidefelt" og "Lukk"-knappen som lukker sidefeltet når du klikker på den.
Etter at du er ferdig med å skrive koden ovenfor i delen av Sidebar.html, bør den inneholde følgende kode:
Dette er min nye sidepanel.
Skjermbildet:
Når du er ferdig med å skrive inn begge kodene, lagrer du prosjektet ved å klikke på lagre-ikonet i verktøylinjen (se skjermbildet nedenfor). Kjør deretter funksjonene ved å klikke på "Kjør"-ikonet.
Enten du kjører skriptet her eller du velger det egendefinerte menyelementet i Google Sheets-verktøylinjen (for første gang), vil Google be deg om å autorisere skriptet til å kjøre. Siden du kjører en tredjeparts egendefinert widget, vil google be om din autorisasjon. Når du autoriserer skriptet, vil det vise sidefeltet i Google-arket ditt.
Slik autoriserer du Apps-skriptkode i Google
Følg disse trinnene for å autorisere det egendefinerte skriptet:
Når du har kjørt skriptet, vil Google be deg velge Google-kontoen din. Etter at du har valgt det, vil en liten popup vises, der du klikker på "Gjennomgå tillatelser".
En annen popup vil dukke opp, her velger du "Vis avansert" og klikker på "Gå til prosjekt uten navn (utrygt)" (det vil vise prosjektnavnet ditt).
I det neste vinduet klikker du på "Tillat" og google sheet kjører skriptet ditt.
Når du har gjort det, går du tilbake til Google-arket ditt og oppdaterer det. Den nye egendefinerte menyen (Min nye meny) legges til i Google-arkverktøylinjen, som vi har lagt til gjennom Code.gs-skriptet. Klikk på "Min nye meny" og velg menyelementet "Min sidefelt 1" for å vise sidefeltet.
Nå vil din egendefinerte sidefelt vises på høyre side av Google-arket ditt med teksten og knappen vi la til (som vist nedenfor). Når du klikker på knappen, lukkes sidefeltet.
Vel, nå vet du hvordan du bygger din egen sidefelt i Google-ark.