Eine Seitenleiste ist ein Benutzeroberflächenelement (ein kleiner vertikaler Bereich), das entweder links oder rechts vom größeren Fenster oder auf dem Benutzerbildschirm angezeigt wird, um verwandte Informationen oder eine Liste anzuzeigen Auswahlmöglichkeiten oder Navigationsoptionen.
Die Seitenleiste in Google Sheets ist eine Benutzeroberfläche, die auf der rechten Seite von Google Sheets angezeigt wird. Google bietet einen integrierten Skripteditor namens Apps Script, mit dem verschiedene Add-Ons und Elemente für G-Suite-Anwendungen erstellt werden können. Es kann auch zum Erstellen eigener benutzerdefinierter Seitenleisten in Google Sheets verwendet werden.
In diesem Artikel erfahren Sie, wie Sie mit dem Google Apps Script Editor eine benutzerdefinierte Seitenleiste in Google Sheets erstellen.
Erstellen einer SideBar in Google Sheets mit Apps Script
Wenn Sie eine benutzerdefinierte Seitenleiste erstellen möchten, müssen Sie bestimmten Code im Apps Script-Editor eingeben und ausführen. Anschließend können Sie mithilfe von HTML-, CSS-und Javascript-Codes eigene Widgets in der Seitenleiste erstellen.
Öffnen Sie zuerst die Google-Blätter. Klicken Sie im Google Sheets-Menü auf”Extras”und wählen Sie”Skripteditor”.
Dadurch wird der Apps Script-Editor in einem neuen Tab Ihres Browsers geöffnet, in den Sie Ihren Benutzeroberflächencode schreiben können.
Schreiben Sie folgenden Code auf die Seite Code.gs:
Funktion onOpen () { SpreadsheetApp.getUi () .createMenu ('Mein neues Menü') .addItem ('Meine Seitenleiste 1','showSidebar') .addToUi ();
}} Funktion showSidebar () { var html=HtmlService.createHtmlOutputFromFile ('Seitenleiste') .setTitle ('Berechnungsseitenleiste'); SpreadsheetApp.getUi () .showSidebar (html);
}
Im obigen Code.gs-Skriptcode erstellt die OnOpen ()-Funktion ein benutzerdefiniertes Menü mit dem Namen”Mein neues Menü”in der Google Sheets-Menüleiste. Dieses Menü enthält einen Menüpunkt namens”Meine Seitenleiste-1″. Wenn Sie auf diesen Menüpunkt klicken, wird die Funktion showAdminSidebar () (der zweite Teil des Codes) ausgeführt und die Seitenleiste wird auf der rechten Seite des Google-Blattfensters angezeigt.
Als Nächstes müssen wir im Skripteditor eine HTML-Datei erstellen. Mit dieser Datei können Sie dann die Seitenleiste erstellen.
Um die HTML-Datei zu erstellen, klicken Sie im Apps Script-Editor auf das Pluszeichen (+) neben”Dateien”und wählen Sie”HTML”.
Dadurch wird eine HTML-Datei unter Code.gs erstellt. Benennen Sie die Datei in”Seitenleiste”um. Dieser Name sollte mit dem Namen übereinstimmen, der in der Funktion showSidebar () hinzugefügt wurde (var html=HtmlService.createHtmlOutputFromFile (‘Sidebar’)).
Schreiben Sie den folgenden Code in den Abschnitt
der Datei Sidebar.html: Dies ist meine neue Seitenleiste
Der obige Code zeigt die Textzeichenfolge”Dies ist meine neue Seitenleiste”und”Schließen”an, mit der die Seitenleiste geschlossen wird, wenn Sie darauf klicken.
Nachdem Sie den obigen Code im Abschnitt
der Sidebar.html geschrieben haben, sollte er den folgenden Code enthalten:
Dies ist meine neue Seitenleiste.
Der Screenshot:
Wenn Sie beide Codes eingegeben haben, speichern Sie das Projekt, indem Sie auf das Speichersymbol in der Symbolleiste klicken (siehe Abbildung unten). Führen Sie dann die Funktionen aus, indem Sie auf das Symbol”Ausführen”klicken.
Unabhängig davon, ob Sie das Skript hier ausführen oder (zum ersten Mal) das benutzerdefinierte Menüelement in der Google Sheets-Symbolleiste auswählen, fordert Google Sie auf, das Skript zur Ausführung zu autorisieren. Da Sie ein benutzerdefiniertes Widget eines Drittanbieters ausführen, fordert Google Ihre Autorisierung an. Sobald Sie das Skript autorisiert haben, wird die Seitenleiste in Ihrem Google-Blatt angezeigt.
So autorisieren Sie Apps-Skriptcode in Google
Gehen Sie folgendermaßen vor, um Ihr benutzerdefiniertes Skript zu autorisieren:
Sobald Sie das Skript ausgeführt haben, werden Sie von Google aufgefordert, Ihr Google-Konto auszuwählen. Nachdem Sie es ausgewählt haben, wird ein kleines Popup angezeigt, in dem Sie auf”Berechtigungen überprüfen”klicken.
Ein weiteres Popup wird angezeigt. Wählen Sie hier”Erweitert anzeigen”und klicken Sie auf”Gehe zu Projekt ohne Titel (unsicher)”(es wird Ihr Projektname angezeigt).
Klicken Sie im nächsten Fenster auf”Zulassen”. Auf Google Sheet wird Ihr Skript ausgeführt.
Wenn Sie dies getan haben, kehren Sie zu Ihrem Google-Blatt zurück und aktualisieren Sie es. Das neue benutzerdefinierte Menü (Mein neues Menü) wird Ihrer Google Sheet-Symbolleiste hinzugefügt, die wir über das Code.gs-Skript hinzugefügt haben. Klicken Sie auf”Mein neues Menü”und wählen Sie den Menüpunkt”Meine Seitenleiste 1″, um die Seitenleiste anzuzeigen.
Jetzt wird Ihre benutzerdefinierte Seitenleiste auf der rechten Seite Ihres Google-Arbeitsblatts mit dem Text und der Schaltfläche angezeigt, die wir hinzugefügt haben (siehe Abbildung unten). Wenn Sie auf die Schaltfläche klicken, wird die Seitenleiste geschlossen.
Nun wissen Sie, wie Sie Ihre eigene Seitenleiste in Google Sheets erstellen.
