Details

Category: Form Fields

<input> elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options. Only one radio button in a given group can be selected at the same time. Radio buttons are typically rendered as small circles, which are filled or highlighted when selected.

Example

Usage:

Go to Components → Contact Enhanced → Form Fields, click on the New button, then set the Form Field Type to Radiobox.

Edit Custom Field Value by adding a new row for each new option. The first option is the field's value and the second is the label.

You can add any HTML to the field's label Text, for example:

• An Image: <img src='https://idealextensions.com/images/ideal-logo.png' alt='image placeholder text' />
• A text with a link: Accept <a href=https://idealextensions.com/pre-sales/terms-and-conditions.html target=_blank >Terms and Conditions</a>

Tip: if adding image, you might need to add a CSS Form Field with the following content:

img{border:0;height:auto;max-width:100%}

Select List Parameters

First Option Selected:

Displays the first option already selected on page load and allows the user to change.

Show "other":

When enabled it displays a text field when the last option is selected

Number of columns

Displays the radio buttons in columns with equal width

 

Recommend to a friend