Text, Icons & Images

Static elements are used to add visual design, branding, and information to your application's interface. They include Text Boxes (which can also contain tables), Icons, and Images.

Text Box

To add and format a text box:

1. Click the Text Box icon [ ] in the App Builder's toolbar.

2. Click on the UI canvas where you want to place the box.

3. Double-click the new text box to write and format your text using the editing toolbar that appears.

Creating a Table

You can insert a simple, static table inside any text box.

1. With a text box selected, click the vertical dots icon [] in the editing toolbar.

2. Select Insert table and define the number of columns and rows.

Icon

Icons can be used for visual decoration or as interactive navigation elements.

Adding and Styling an Icon

1. Click the Icons icon [] in the toolbar and select an icon from the library.

2. Click on the UI canvas to place the icon.

3. With the icon selected, click the gear icon [] in the toolbar to configure its style (e.g., solid, thin) and color.

Using an Icon for Navigation

To turn an icon into a page link, simply drag a page from the Pages Panel and drop it onto the icon.

Image

Images are used to display static visual content in your app.

To use an image, you must first upload it to the Resources Panel (File Server). Once uploaded, simply drag the image file from the Resources Panel and drop it directly onto the desired location on the UI canvas.

Besides being used as static UI elements, uploaded images can also be used dynamically in your backend logic, for example, as an input to a function.