Text, icons & images

Text, icons, and images add visual design, branding, and instructions to your interface. They are static, non-interactive elements, though you can turn an icon into a navigation link.

Text box

Use text boxes for titles, labels, and detailed instructions.

• Add: Click the text box icon in the Frontend Builder toolbar and click the canvas to place it.

• Edit: Double-click the text box to open the text editor, where you type, format text, and insert static tables.

Icons

Use icons as visual cues or navigation shortcuts.

• Add: Click the icon button in the Frontend Builder toolbar, pick an icon from the library, and click the canvas to place it.

• Style: Double-click the icon to open its settings, where you switch styles (solid, regular, light, thin, duotone), change the color, and apply a background.

• Navigation: Turn an icon into a button by dragging a page from the Page Explorer directly onto it.

Images

Use images for machine photos, company logos, or other visual elements.

• Upload: Upload your image file to the File Explorer.

• Place: Drag the file from the File Explorer and drop it onto the UI canvas.

Add Image to UI

Dynamic use

Beyond the UI, your backend logic can also take an uploaded image as an input.