Una barra lateral és un element d'interfície d'usuari (una petita àrea vertical) que apareix a l'esquerra o a la dreta de la finestra més gran o a la pantalla de l'usuari per mostrar informació relacionada o una llista d'opcions o opcions de navegació.
La barra lateral de Google Sheets és un tauler d'interfície d'usuari que es mostra a la part dreta de Google Sheets. Google ofereix un editor de scripts integrat anomenat Apps Script que pot crear diversos complements i elements per a aplicacions G-Suite. També es pot utilitzar per crear les vostres pròpies barres laterals personalitzades als fulls de Google.
Aquest article us mostrarà com crear una barra lateral personalitzada a Fulls de càlcul de Google mitjançant l'editor de Google Apps Script.
Creació d'una barra lateral a Google Sheets mitjançant Apps Script
Si voleu crear una barra lateral personalitzada, heu d'introduir i executar cert codi a l'editor d'Apps Script. A continuació, podeu crear els vostres propis ginys a la barra lateral utilitzant codis HTML, CSS i Javascript.
Primer, obriu els fulls de Google. Al menú de fulls de Google, feu clic a "Eines" i seleccioneu "Editor de scripts".
Això obrirà l'editor d'Apps Script en una nova pestanya del vostre navegador on podeu escriure el codi de la interfície d'usuari.
Escriviu el codi següent a la pàgina Code.gs:
function onOpen() { SpreadsheetApp.getUi() .createMenu('El meu nou menú') .addItem('La meva barra lateral 1', 'showSidebar') .addToUi(); } function showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
Al codi d'script Code.gs anterior, la funció OnOpen() crea un menú personalitzat anomenat "El meu nou menú" a la barra de menús de Google sheets. Aquest menú contindrà un element de menú anomenat "La meva barra lateral-1". Quan feu clic a aquest element de menú, s'executarà la funció showAdminSidebar() (la segona part del codi) i la barra lateral es mostrarà a la part dreta de la finestra del full de Google.
A continuació, hem de crear un fitxer HTML a l'editor d'scripts i, amb aquest fitxer, podeu crear la barra lateral.
Per crear el fitxer HTML, feu clic a la icona més (+) al costat de Fitxers a l'editor d'Apps Script i seleccioneu "HTML".
Això crearà un fitxer HTML a sota de Code.gs. Canvieu el nom del fitxer com a "Barra lateral". Aquest nom hauria de ser el mateix que l'afegit a la funció showSidebar() (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Escriviu el codi següent a la secció del fitxer Sidebar.html:
Aquesta és la meva nova barra lateral
El codi anterior mostra la cadena de text "Aquesta és la meva nova barra lateral" i el botó "Tanca" que tanca la barra lateral quan hi feu clic.
Un cop hàgiu acabat d'escriure el codi anterior a la secció de la barra lateral.html, hauria de contenir el codi següent:
Aquesta és la meva nova barra lateral.
La captura de pantalla:
Quan hàgiu acabat d'introduir els dos codis, deseu el projecte fent clic a la icona desar a la barra d'eines (vegeu la captura de pantalla següent). A continuació, executeu les funcions fent clic a la icona "Executar".
Tant si executeu l'script aquí com si seleccioneu l'element de menú personalitzat a la barra d'eines de fulls de Google (per primera vegada), Google us demanarà que autoritzeu l'execució de l'script. Com que esteu executant un giny personalitzat de tercers, Google us demanarà la vostra autorització. Un cop autoritzeu l'script, es mostrarà la barra lateral dins del vostre full de Google.
Com autoritzar el codi Apps Script a Google
Per autoritzar el vostre script personalitzat, seguiu aquests passos:
Un cop executeu l'script, Google us demanarà que seleccioneu el vostre compte de Google. Després de seleccionar-lo, apareixerà una petita finestra emergent, on feu clic a "Revisa els permisos".
Apareixerà una altra finestra emergent, aquí seleccioneu "Mostra avançat" i feu clic a "Vés al projecte sense títol (no segur)" (mostrarà el nom del vostre projecte).
A la finestra següent, feu clic a "Permetre" i Google sheet executarà el vostre script.
Un cop ho hàgiu fet, torneu al vostre full de Google i actualitzeu-lo. El nou menú personalitzat (El meu nou menú) s'afegirà a la barra d'eines del full de Google, que hem afegit mitjançant l'script Code.gs. Feu clic a "El meu nou menú" i seleccioneu l'element de menú "La meva barra lateral 1" per mostrar la barra lateral.
Ara la vostra barra lateral personalitzada apareixerà a la part dreta del vostre full de Google amb el text i el botó que hem afegit (com es mostra a continuació). Quan feu clic al botó, la barra lateral es tancarà.
Bé, ara ja saps com crear la teva pròpia barra lateral als fulls de Google.