Selection control input elements (web)

Selection control elements are input elements that let your users make a choice from a preselected set of options. This ranges from a simple yes/no answer to picking one or more records from the database or other data sources.

{% embed url=”https://www.youtube.com/watch?v=HnJPoIAXgRc” %}

The Checkbox element is the most basic selection control element which simply returns a yes or a no depending on whether the box is checked or not.

{% embed url=”https://www.youtube.com/watch?v=jqj5LnkjWNs” %}

The Radio button element is similar to the checkbox, but allows you to add more than one option. You can set up a static list of text options (in the example below we have used the texts Option 1, Option 2 and Option 3) or you can fetch a list of Things from the database and display one of their fields as the label.

{% embed url=”https://www.youtube.com/watch?v=5jdnZtSBbjA” %}

The Dropdown element, similarly to the Radio button element lets you give your users one choice out of a selection of texts or from the database.

{% embed url=”https://www.youtube.com/watch?v=TYlb77ObEyg” %}

The search box element lets you set up a flexible text search for database records. The element looks like a regular input field but quickly and dynamically returns search results as the user types.

{% embed url=”https://www.youtube.com/watch?v=4GxuhmKij_4” %}

The Slider input element lets your users select a numerical value out of a range. You can set a minimum and a maximum value and the value of each step.

The Multiselect dropdown element lets your users select multiple choices from a list of texts or records from the database. They choose the item from a dropdown list or search for them by typing.

The element returns a list of whichever type of data you specify.