En sidebjælke er et brugergrænsefladeelement (et lille lodret område), der vises enten til venstre eller højre for det større vindue eller på brugerskærmen for at vise relateret information eller en liste over valg eller navigationsmuligheder.
Sidebjælken i Google Sheets er et brugergrænsefladepanel, der vises i højre side af Google Sheets. Google leverer en indbygget script-editor kaldet Apps Script, som kan oprette forskellige tilføjelser og elementer til G-Suite-applikationer. Det kan også bruges til at bygge dine egne tilpassede sidebjælker i Google Sheets.
Denne artikel viser dig, hvordan du laver en tilpasset sidebjælke i Google Sheets ved hjælp af Google Apps Script-editor.
Oprettelse af en sidebjælke i Google Sheets ved hjælp af Apps Script
Hvis du vil lave en brugerdefineret sidebjælke, skal du indtaste og køre en bestemt kode i Apps Script-editoren. Derefter kan du bygge dine egne widgets i sidebjælken ved hjælp af HTML-, CSS- og Javascript-koder.
Åbn først Google-arkene. I Google Sheets-menuen skal du klikke på 'Værktøjer' og vælge 'Script editor'.
Det åbner Apps Script-editoren i en ny fane i din browser, hvor du kan skrive din brugergrænsefladekode.
Skriv følgende kode på siden Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Min nye menu') .addItem('Min sidebjælke 1', 'showSidebar') .addToUi(); } funktion showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Beregningssidebjælke'); SpreadsheetApp.getUi() .showSidebar(html); }
I ovenstående Code.gs-scriptkode opretter OnOpen()-funktionen en brugerdefineret menu kaldet 'Min nye menu' i Google Sheets-menulinjen. Denne menu vil indeholde et menupunkt kaldet 'Min sidebjælke-1'. Når du klikker på dette menupunkt, vil funktionen showAdminSidebar() (den anden del af koden) blive kørt, og sidebjælken vil blive vist i højre side af Google-arkvinduet.
Dernæst skal vi oprette en HTML-fil i Script-editoren, og med denne fil kan du oprette sidebjælken.
For at oprette HTML-filen skal du klikke på plusikonet (+) ud for Filer i Apps Script-editor og vælge "HTML".
Dette vil oprette en HTML-fil under Code.gs. Omdøb filen til 'Sidebjælke'. Dette navn skal være det samme som det, der tilføjes i funktionen showSidebar() (var html = HtmlService.createHtmlOutputFromFile('Sidebar')).
Skriv følgende kode i sektionen af filen Sidebar.html:
Dette er min nye Sidebar
Ovenstående kode viser tekststrengen "Dette er min nye sidebjælke" og "Luk"-knappen, som lukker sidebjælken, når der klikkes på den.
Når du er færdig med at skrive ovenstående kode i sektionen af Sidebar.html, bør den indeholde følgende kode:
Dette er min nye Sidebar.
Skærmbilledet:
Når du er færdig med at indtaste begge koder, skal du gemme projektet ved at klikke på gem-ikonet på værktøjslinjen (se nedenstående skærmbillede). Kør derefter funktionerne ved at klikke på 'Kør'-ikonet.
Uanset om du kører scriptet her, eller du vælger det brugerdefinerede menupunkt på Google Sheets-værktøjslinjen (for første gang), vil Google bede dig om at godkende scriptet til at køre. Da du kører en tredjeparts tilpasset widget, vil Google anmode om din autorisation. Når du har godkendt scriptet, vil det vise sidebjælken i dit Google-ark.
Sådan godkender du Apps Script-kode i Google
Følg disse trin for at godkende dit brugerdefinerede script:
Når du har kørt scriptet, vil Google bede dig om at vælge din Google-konto. Når du har valgt det, vises en lille pop op, hvor du klikker på 'Gennemse tilladelser'.
En anden pop-up vil dukke op, her skal du vælge 'Vis avanceret' og klik på 'Gå til Unavngivet projekt (usikkert)' (Det vil vise dit projektnavn).
I det næste vindue skal du klikke på 'Tillad', og google sheet kører dit script.
Når du har gjort det, skal du gå tilbage til dit Google-ark og opdatere det. Den nye brugerdefinerede menu (Min nye menu) vil blive tilføjet til din Google-arkværktøjslinje, som vi tilføjede gennem Code.gs-script. Klik på 'Min nye menu' og vælg menupunktet 'Min sidebjælke 1' for at få vist sidebjælken.
Nu vil din tilpassede sidebjælke dukke op i højre side af dit Google-ark med teksten og knappen, vi tilføjede (som vist nedenfor). Når du klikker på knappen, lukkes sidebjælken.
Nå, nu ved du, hvordan du bygger din egen sidebjælke i Google-ark.