G Suite Developers Blog: Building UI in Apps Script just got a whole lot easier!

G Suite Developers Blog

Information for G Suite Developers

Building UI in Apps Script just got a whole lot easier!

June 21, 2011

Apps ScriptUi serviceUiAppUiAppCreating User Interfaces by Drag and Dropfunction doGet() {
var app = UiApp.createApplication();
var component = app.loadComponent(“MyGui”);
app.add(component);
return app;
}loadComponentapp.getElementById()var button = app.getElementById(“Button1”);
button.setStyleAttribute(“color”, “red”);Extending the User Interfacefunction doGet() {
var app = UiApp.createApplication();
var component = app.loadComponent(“MyGui”);
app.add(component.getElementById(“Pane1l”));
return app;
}Advanced Features of GUI Builderapp.add(app.loadComponent(“MyGui”, {prefix: “a”})); app.add(app.loadComponent(“MyGui”, {prefix: “b”})); Publishing Applications to your userssheet.show()UiAppUiAppGetting StartedFile > Build a user interface

Corey Goldfeder profile

Corey is a Google software engineer on the Apps Script Project, based in New York. He has previously worked on Similar Shape search for 3DWarehouse, and as a robotics researcher before joining Google.