Select Box
Last updated
Last updated
The Select Box component is an editor that allows a user to select an item from a drop-down list. This is useful when there are many options or items to select from and it may be hard for the user to find one particular item. This UI control allows the user to navigate to the item faster.
A Select Box has the option to change its visibility, styling mode, placeholder, tooltip and show clear button.
See the Common Properties article for more details on common appearance properties.
The placeholder is the text that will be displayed before a value is selected. The show clear button will add a button to clear the selected item.
The select box has the option to be disabled and read-only.
See the Common Properties article for more details on common behavior properties.
The user can search the items in the select box.
When enabled, your selection at runtime is saved in your browser's local data, so that it is remembered when the page reloads. This includes re-opening the App and returning from a drill-down.
This option is used to select the default value and must match a value from the Data Source.
See the Common Properties article for more details on common value properties.
The Data source can be Static or Dynamic. Static values have to be entered manually while Dynamic will get the value from the provided Data Source.
See the Common Properties article for more details on common Data Source properties.
The Data Source property is required for the Select Box.
If a Dynamic Data Source is not used, you can enter key dates to display manually under the Data section.
This option allows you to connect the control to a specific Data Source such as a database to pull data dynamically. This will give you additional options to sort, filter, show, or skip certain records.
This is only available if the Data Source is Dynamic. Here we have the option to set the values of the buttons as well as what text will be displayed.
See the Common Properties article for more details on common data properties.
The expression is a user-friendly name for what the user can see. For example, the text that is displayed to the user.
The Display Expression property is required for the Select Box.
This is the actual value stored in the background of the application in the code. For example, instead of true or false, it would be 0 or 1.
The Value Expression property is required for the Select Box.
This is only available if the Data Source is Dynamic. Here we have the option to set how the items in the select box will be grouped.
If Grouping is enabled, the Group By Expressions property is required for the Select Box.
Properties that are common to most Blocks include: Navigate To and Show Confirmation Dialog;
See the Common Properties article for more details on common action properties.