- Learning Google Apps Script
- Ramalingam Ganapathy
- 135字
- 2021-07-16 12:40:04
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 change, alter, or resize it.

The button in the sidebar is an HTML element, not a GAS element, and if clicked, it opens the browser interface's alert box.
推薦閱讀
- jQuery Mobile Web Development Essentials(Third Edition)
- Redis入門指南(第3版)
- 簡單高效LATEX
- OpenCV 3和Qt5計算機視覺應用開發
- Windows Forensics Cookbook
- C語言程序設計
- 可解釋機器學習:模型、方法與實踐
- ANSYS Fluent 二次開發指南
- 51單片機C語言開發教程
- 搞定J2EE:Struts+Spring+Hibernate整合詳解與典型案例
- Application Development with Swift
- Learning Kotlin by building Android Applications
- C語言程序設計與應用實驗指導書(第2版)
- Python應用與實戰
- Java程序設計實用教程(第2版)