Component Properties
This section outlines the most commonly used properties for tables and forms. Other component types may include additional, component-specific options depending on the component you are working with. Hover over the component and click on the gear icon of the component to enter properties.
Table name
The Table name specifies the entity from which the component retrieves records.
Record ID
The Record ID defines the specific record displayed usually in a form to indicate what the information refers to.
Filters
Apply filters to limit which records are shown, these are primarily used in tables.
Sorting
Sorting determines the order in which records appear.
Show column header
Show column header controls the visibility of column titles in a table.
Show filters/sorting
This property displays UI controls for filtering and sorting within table headers.
Show new/preview/edit/delete buttons
This property enables built-in action buttons for record creation and management.
Show search
This property displays a search bar for text-based filtering.
Info: Note that fields must have the Searchable property enabled to be included in search results.
Show Excel download
This property adds an export button for downloading data in Excel format.
Show comments
This property displays a comments section within forms or modals, when applicable.
Display sections (in modal)
This property groups fields into sections inside a modal when the Section property is configured.
Component ID
This property is a unique identifier for the component instance. Often required when a function needs to modify the component’s properties. It can be in the form of text as well as numeric.
Default page size
This component sets the initial number of records shown per page in a table.
Disable form
This component renders the form in read-only mode, preventing any edits.
Rows selectable
This property allows users to select rows, typically for bulk actions.
Link to details page
This property overrides the default redirect route to a details page. By default, the route matches the entity’s slug. If the details page uses a different route, manual adjustments are required to avoid broken navigation (leading to non-existing pages).
Events (on click/select/change/save/etc.)
This property defines triggers that execute UI functions in response to user actions or component interactions.
Custom fields
This property is used to modify field metadata for a specific component without affecting the field’s metadata across the entire application and it is stored as JSON.
Custom data
This property displays custom data inside a form or table and is stored as JSON.
Prevent unsaved leave
This property warns the user before leaving the page if there are any unsaved changes.
Enable drag sort columns
This property allows users to rearrange table columns via drag-and-drop.
Action buttons
These properties are custom action buttons that can be added to either a table or a form component.
Hide
This property completely hides the component from view.
Hide buttons
This property hides the default buttons displayed on a form component.