1. Home
  2. Forms
  3. Form Fields & Components
  4. Form Fields & Components: Radio Button

Form Fields & Components: Radio Button

The Radio Button field allows the user to select a single entry from a displayed list of options.

The default look of the Radio Button component
Radio Button Field

Radio Button Field Properties

The Radio Button options are similar to the Checkbox options, except radio buttons are limited to having users only select one option.

The properties panel allows the App Designer to further customize how the checkboxes will be presented to the user.

Setting Description
Basic Tab / General Settings
Display Name

Required

See General Field Features
Option Orientation Select Vertical or Horizontal. Note: For Horizontal the options may wrap onto further rows if the options require more width than is available to the control.
Options Tab
Sorting direction Select None, Asc (Ascending) or Desc (Descending). Note: All values are treated as text when sorting. Also, selecting None after using the sort options will leave the options in the last sorted order, though they can then be manually reordered.
Advanced Tab / Conditional Visibility – See Conditional Visibility

Radio Button Field Option Values

The Radio Button and Checkbox option properties have been updated. View the update here: Radio and Checkbox Field Properties.

The option values for the Radio Button can be set in the field itself and on properties panel.

Editing option values directly in the form
Radio Button Field Options
Editing option values in the Properties panel
Radio Button Options Sorting
Setting Description
Option Text Type the desired text or edit an existing value. Acts like a normal text field.
Delete Icon Delete this option.
Up Arrow Icon  Down Arrow Icon Reorder the current option by moving it up or down the option list. Only available when using the Properties panel.

Note: The top and bottom options only have a single arrow, a down and an up respectively. When Asc or Desc sorting is selected the reordering arrows do not display.

Add New Option Adds a new option at the bottom of the list.

Note: If Asc or Desc sorting is selected, the new option will be created wherever “Option ?”, where “?” is the number of the option,  would sort in the list.

Usage Example

Radio Button Usage Example
Radio Button Usage example

Demonstration Video

The following video outlines creating radio button, checkbox and list selection fields:

Updated on May 11, 2021

Was this article helpful?

Related Articles