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.


 

Adding Images as Options

You're able to add images as selection options on your radio field. To get started you'll want to open the Advanced Options Editor and and select "Use Images" under the List Options.

You'll then see an additional column appear for your image files. You can drag and drop your image files into this space or upload a file from your computer. We support .jpeg, .png, and .gif file types. Once your images have been uploaded, you can modify their size using the Image Dimensions section in the List Options panel. Type a specific pixel size to constrain your images, or choose to just define one dimension (height or width) by leaving the undefined dimension input blank. Leave both inputs blank to use the original size of your uploaded images. The Label Alignment drop down determines where your text label will appear in relation to your image. For more details on adding images to your Radio Button file, check out this additional support document.