G Suite Business customers can preview App Maker. Ask your domain admin to apply for early access.

Pages Overview

The user interface (UI) of an App Maker application consists of:

  • Pages—Pages are analogous to web pages. An app displays one page at a time in a browser window, and users can navigate between pages.
  • Widgets—Widgets are UI elements on pages that users can see (such as labels and charts) and interact with (such as buttons and dropdowns). Place widgets on pages and edit them in App Maker's page editor.

You can use data bindings to bind widget properties to the data you've defined in models. All widgets on a page form a hierarchy. Some individual widgets (such as forms and tables) are composite widgets that contain other widgets.

A typical workflow

After you have created your model in App Maker, you'll spend the next part of your app development in the page editor. Your work will generally follow a sequence like this:

  1. Create a page and name it.
  2. Set a datasource for the page's main panel (see Binding your page to data).
  3. Open the Widgets widgets palette.
  4. Drag widgets to the page and arrange them.
  5. In the Property Editor (visible when Editor edit is selected), set key properties and bindings for each widget.
  6. In the Property Editor under Events, add events to widgets as needed.
  7. Preview and test your app's functionality.
  8. Adjust the appearance, styles, user interactions, and other aspects of the UI pages and widgets.