In this section, we’ll walk you through the development environment so you can easily find what you are looking for.

The App Builder consists of a left toolbar, canvas, top bar, right configuration bar, and an interactions panel at bottom.

Left Tool Panel

The left panel contains three tool tabs: Navigator, Element, Data Node and several advanced tool tabs Data Store, Theme, Media Files, App Configuration, Plugin Store.

  1. Data Store: Data Store is where you store and manage variable data. You can view, declare, and manage data using in this app.

  2. Media Files: Where you view access media files in Resources

  3. App Configuration: App Configuration provide app level settings.

  4. Plugin Store: Plugin Store


The canvas is your window into the structure of your app. In the canvas you will design your app’s interface.


The toolbar is where you’ll find App User Management, Version Control, Preview, and Publish options. You’ll also be able to rename your app by clicking it.

Interactions panel

The Interactions panel is where you will define your Interactions. When an element is selected, you'll be able to add actions to its supported events.

Right Configuration Panel

The right panel is for the configuration for the current selected page or element, including properties, CSS styles, etc.

Last updated