Eine Seitenleiste ist ein Element der Benutzeroberfläche (ein kleiner vertikaler Bereich), das entweder links oder rechts vom größeren Fenster oder auf dem Benutzerbildschirm angezeigt wird, um zugehörige Informationen oder eine Liste mit Auswahl- oder Navigationsoptionen anzuzeigen.
Die Seitenleiste in Google Tabellen ist ein Bedienfeld der Benutzeroberfläche, das auf der rechten Seite von Google Tabellen 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-Tabellen verwendet werden.
In diesem Artikel erfahren Sie, wie Sie mit dem Google Apps Script-Editor eine benutzerdefinierte Seitenleiste in Google Tabellen erstellen.
Erstellen einer SideBar in Google Tabellen 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 mit HTML-, CSS- und Javascript-Codes Ihre eigenen Widgets in der Seitenleiste erstellen.
Öffnen Sie zunächst die Google-Tabellen. Klicken Sie im Google Tabellen-Menü auf „Extras“ und wählen Sie „Skript-Editor“.
Dadurch wird der Apps Script-Editor in einem neuen Tab Ihres Browsers geöffnet, in dem Sie Ihren Benutzeroberflächencode schreiben können.
Schreiben Sie folgenden Code in die Code.gs-Seite:
function onOpen() { SpreadsheetApp.getUi() .createMenu('Mein neues Menü') .addItem('Meine Seitenleiste 1', 'showSidebar') .addToUi(); } Funktion showSidebar() { var html = HtmlService.createHtmlOutputFromFile('Sidebar') .setTitle('Calculation Sidebar'); SpreadsheetApp.getUi() .showSidebar(html); }
Im obigen Code.gs-Skriptcode erstellt die Funktion OnOpen() ein benutzerdefiniertes Menü namens "Mein neues Menü" in der Menüleiste von Google Sheets. 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 auf der rechten Seite des Google-Tabellenfensters angezeigt.
Als nächstes müssen wir im Skripteditor eine HTML-Datei erstellen, und dann können Sie mit dieser Datei 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 unterhalb von Code.gs erstellt. Benennen Sie die Datei in „Sidebar“ um. Dieser Name sollte mit dem in der Funktion showSidebar() hinzugefügten übereinstimmen (var html = HtmlService.createHtmlOutputFromFile(‘Sidebar’)).
Schreiben Sie den folgenden Code in den Abschnitt der Datei Sidebar.html:
Das ist meine neue Sidebar
Der obige Code zeigt die Textzeichenfolge "Dies ist meine neue Seitenleiste" und die Schaltfläche "Schließen" an, die die Seitenleiste schließt, wenn darauf geklickt wird.
Nachdem Sie den obigen Code im Abschnitt von Sidebar.html geschrieben haben, sollte er den folgenden Code enthalten:
Das ist meine neue Sidebar.
Der Screenshot:
Wenn Sie mit der Eingabe beider Codes fertig sind, speichern Sie das Projekt, indem Sie auf das Speichern-Symbol in der Symbolleiste klicken (siehe Screenshot 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 den benutzerdefinierten Menüeintrag in der Google Tabellen-Symbolleiste (zum ersten Mal) auswählen, werden Sie von Google aufgefordert, die Ausführung des Skripts zu autorisieren. Da Sie ein benutzerdefiniertes Widget eines Drittanbieters ausführen, fordert Google Ihre Autorisierung an. Sobald Sie das Skript autorisieren, wird die Seitenleiste in Ihrem Google-Tabellenblatt angezeigt.
So autorisieren Sie den Apps-Skriptcode in Google
Führen Sie die folgenden Schritte aus, um Ihr benutzerdefiniertes Skript zu autorisieren:
Sobald Sie das Skript ausführen, fordert Google Sie auf, 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-Fenster wird angezeigt. Wählen Sie hier „Erweitert anzeigen“ und klicken Sie auf „Zu unbenanntem Projekt (unsicher)“ (Ihr Projektname wird angezeigt).
Klicken Sie im nächsten Fenster auf "Zulassen" und Google Sheet führt Ihr Skript aus.
Sobald Sie dies getan haben, gehen Sie zurück zu Ihrem Google-Blatt und aktualisieren Sie es. Das neue benutzerdefinierte Menü (Mein neues Menü) wird Ihrer Google-Blatt-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-Tabellenblatts mit dem Text und der hinzugefügten Schaltfläche angezeigt (wie unten gezeigt). Wenn Sie auf die Schaltfläche klicken, wird die Seitenleiste geschlossen.
Nun, jetzt wissen Sie, wie Sie Ihre eigene Seitenleiste in Google Sheets erstellen.