Radio Button Fields

Radio Button fields are used for fields that have several options, but you only want users to be able to select one of those options. If you want users to be able to select multiple options, you should use a Checkbox field instead.


Adding a Radio Button Field to Your Form

To add a Radio Button field to your form, drag and drop it onto the form.



The "Field Editor" will appear when the Radio Button field is selected. The label should be the question/statement you want to show up on the form. A label is required, but you can hide it by selecting "Hide Label" in the "Field Options" section.


Adding Radio Button Options

 To add your options, scroll down to the "Options" section, and type each option in a separate box. Options can be words or numbers. In the below example, the options on the field are Vanilla, Chocolate, Cookie Dough, and Rocky Road.

To add a new option, click the green plus sign next to the last option. To remove an option, click the red minus sign. To rearrange your options, click and hold to the right of the green plus sign and drag up or down. 

You can also add an "Other" option by selecting the appropriate box under "Field Options."


Using the Advanced Options Editor

You can also import options from a CSV file or use a saved list of options. Check out our Saved Lists help doc for more information on using a saved list. To import options from a CSV file, open the Advanced Options Editor and drag and drop your file into the editor. 

Additionally, if you want to use Radio Button fields in calculations and assign dollar values to your options, you can select "Use Separate Values" under "List Options." In the values column, add a value for each option. The person filling out the form only sees the labels, not the values, as values are only used behind the scenes for calculations and third-party integrations. You can read more about separate values in our help doc on Calculations.

The values for a field must be "unique." Thus, to have more than one value of "1," you will need to make the values 1, 1.0, 1.00, 1.000, and so on.

Here is the Radio Button field as the users see it on our form:

Note: If you would like to customize the appearance of your Radio Button fields (e.g., change the label color), you can do so using the field's unique ID and the Advanced CSS Editor. For more information on how to do this, please visit our help doc on editing CSS for one field.

Was this article helpful?
6 out of 23 found this helpful