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

All the primary tools for mode-switching, adding elements, previewing screen sizes, and deploying your app.

PAGES PANEL

Create, delete, rename, and organize the individual pages and subpages as well as navigation menu.

FUNCTIONS LIBRARY

The central storage for all backend building blocks like classes, instances, agents, and extensions.

RESOURCES

A file server to manage systems files and upload own your images and documents to use them in your apps.

FLOW BUILDER

The graphical programming interface to build your apps' backend logic by dragging and configuring functions.

UI BUILDER

The visual design canvas where you drag, drop, and configure widgets to create the front-end user interface of your app.

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

Text Box: Create and place a text box in your app's UI.
Icons: Select from a large library of included icons to place in your app's UI.
Widgets: Add interactive elements to your app, including input widgets, trigger widgets, and display widgets.

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 2 days ago