Creating a sidebar
A sidebar is a static dialog box and is included on the right-hand side of the document editor window. To create a sidebar, type the following code in the editor:
function onOpen() { var htmlOutput = HtmlService .createHtmlOutput('<button onclick="alert(\'Hello World!\');">Click Me</button>') .setTitle('My Sidebar'); DocumentApp.getUi().showSidebar(htmlOutput); }
In the preceding code, you are using HtmlService
and invoking its method createHtmlOutput
then consecutively invoking the setTitle
method. To test this code, run the onOpen
function or reload the document. The sidebar will open in the right-hand side of the document window as shown in the following screenshot. The sidebar layout size is a fixed one, which means you cannot ...
Get Learning Google Apps Script now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.