Form Field: Radio Button
The Radio Button Form Field allows Studio Users to add radio buttons to a Form that an app end user can use to select an item when submitting a Form. To use a Radio Button Form Field, a Column in the applicable Table must have the Data Type set to Dropdown.
Add a Radio Button to a Form
- 1
- Login to the Studio and click Content.
- 2
- Create a new Form using the Green Plus Sign or click on an existing Form.
- 4
- Connect your Form to the applicable Connected Data Source and Table.
- 5
- Click on the Green Plus Sign and select the Radio Button Form Field.
- 6
- Select the applicable Connected Data Field. The selected Connected Data Field must have the Data Type set to Dropdown in the Table.
- 7
- Input the applicable Properties for the Radio Button Form Field.
- 8
- Add any other applicable Form Fields to the Form.
- 9
- Click Publish once you're ready to make the Form available to Apps within the Studio.
Radio Button Form Field Properties
The Radio Button Form Field has the following properties:
- Component Id - Sets the name of the Form Field Component in the app. The Component Id can be referenced using JavaScript to add more functionality to the app as needed.
Pro Tip: It is a best practice to use only letters without spaces for the Component Id. Symbols, spaces, and numbers are not recommended. - Connected Data Field - Select the Connected Data Field from the dropdown. Columns must be set up previously in the Connected Data Source in Table Builder to appear in this list.
- Instruction Text - Sets the text that appears next to the Form Field.
- Required Input - Toggles on or off to make the Form Field a required field to submit the Form.
- Double Column - Toggles on or off to show options in a double column format.
- Half Width - Toggles on or off to determine if the Form Field spans the full width of the Form or only half of the form's width.