An interactive single-line or multiline text entry box featuring optional start/end adornments (icons/text), a helper text tooltip ‘?’ button, and direct form validation state indicators.
When to use
Capturing standard short or multiline text entries (e.g. names, notes, addresses) inside forms.
Binding form fields to backend schema paths to handle automatic validation errors, touch states, and value change tracking.
Providing text inputs with regex validation patterns, helper tooltips, or prefix/suffix adornments.
What you need
Requires a valid Data Source object containing an elementId (matching the target Form ID) and a fieldPath array mapping to a specific field name. The target Form must have view fields available.
An upload action button decorated with a cloud-and-arrow icon that opens the standard browser file picker dialog, displaying a trash bin icon next to selected files for instant removal.
When to use
Allowing users to pick, upload, and manage binary files (documents, images, audio, video) inside form workflows.
Binding uploaded file references to backend database records while enforcing access permissions and file extension filters.
What you need
Disabled by default until a default_form is present on the page layout. Requires selecting an Element ID and a target Field Path to bind file uploads to form payloads.
Visualizing location-based query results using customized interactive polygon fills and custom emoji markers.
Examples
A dashboard map layer plotting regional sales territories via custom GeoJSON spatial properties and responsive polygon fill attributes.
An interactive transit tracker plotting coordinates utilizing custom features data arrays, map auto-updates, and hover info tooltips.
Avoid
Allocating small layouts (under 4x4 grid spacing) which forces immediate layout compression and hinders map navigation controls.
Configuring ‘Custom’ mode options while providing mismatched empty array syntax objects within the data expression field wrapper.
Editor properties
Configure these in the Application Designer property panel. Group headings mirror the editor where possible. Data Source is where the element gets its rows or field binding (a view/query, a connector operation, or a parent form field). References appear only for view-backed sources and map foreign-key ID columns to readable labels from another view.
A multi-file action trigger button decorated with a cloud-and-arrow upload icon that opens a browser file picker allowing batch selection. Displays a staged list of selected files with individual trash bin icons for easy removal before upload.
When to use
Allowing users to select, upload, and manage multiple binary files simultaneously inside form workflows.
Binding arrays of uploaded file references or file path collections to backend database records while enforcing access permissions and file extension filters.
What you need
Disabled by default until a default_form is present on the page layout. Requires selecting an Element ID and a target Field Path to bind multi-file upload arrays to form payloads.