Overview & Tooling

The App Builder is the development environment where your applications come to life. It provides a complete set of tools to build an app from end to end: designing the visual user interface, constructing the backend application logic, and integrating and storing data.

Interface

Toolbar

The App Builder Toolbar is your central command center for creating, customizing, and deploying your applications. It is divided into an upper section for general information and a lower section containing all the core building tools.

The top portion of the toolbar provides context about your current session and offers access to help resources.

  • App and User Info: Displays the name of the app you are working on, your username, and your current Workspace.

  • Help Menu: Click the HELP button to access a menu where you can:

    • Start onboarding tours

    • Find templates

    • Access documentation and videos

    • Get support

Editing Modes and Core Tools

  • Editing Modes: The three icons on the left switch between the editing environments:

    • App Editing: The default view for building your app's user interface and logic.

    • Theme Editing: Customize your app's visual theme, including designs and colors.

    • Template Editing: Add and modify PDF templates used by your app.

  • Version Tags: Access the menu to create, import, edit, or switch to another version tag.

  • In-App Navigation: Open the navigation menu to select, configure, and reorder the pages in your app's menu.

UI Elements

Preview and Layout

  • Language: Switch the reference language for your app.

  • Device Previews: Use the device icons to preview and modify your UI on different screen sizes, from extra small to extra large. Learn more in the Devices and Screen Sizes article.

  • Page Height: Extend the height of the current page to add more vertical space for content. Learn more in the Devices and Screen Sizes article.

  • Zoom Bar: Zoom in and out of the UI preview canvas.

Test and Deployment

  • Version Info: Displays the currently deployed version. Click the down arrow to see the app's live status and to start or stop the application.

  • Test Mode: Click the Test button to enter a mode where you can interact with the UI and visually inspect the backend logic as it runs.

  • Deploy: Click the Deploy button to publish a new version of your app.

Last updated