Skip to main content
All CollectionsEditorComponents
Radio buttons component
Radio buttons component

Add a single-select list of alternating buttons to your items in Editor

Yuliia Skrybantovych avatar
Written by Yuliia Skrybantovych
Updated over a year ago

Available for e-Detailers and e-Detailer briefs

The RADIO BUTTONS component allows you to create a single-select list of alternatives.

To add this component to your item, drag RADIO BUTTONS from the Components tab on the elements panel to the item layout.

Go to the Properties tab to configure the radio buttons component you select on the layout.

You can also select the component on the Tree tab.

On the Properties tab, you can do the following:

β€’ SIZE: Set the option button size with manual input or arrow keyboard keys.

β€’ BUTTONS POSITION: Select the option button position in relation to the text.

β€’ SELECTED BORDER/BACKGROUND/FILL: Set the color of the selected button border, background, and fill.

β€’ DESELECTED BORDER/BACKGROUND: Set the color of the deselected button border and background.

In the ADD OPTION section, you can use the following controls to manage the options:

Control

Action

Add a new option

Unfold the option to customize its values

Duplicate the required option

Check the box to display the option as selected on the layout

Select the box to not display the option on the layout

Delete the existing option

To add the required option description:

1. Go to the LABEL text area.

2. Enter the text or click the BROWSE button to upload it.

You can configure the component position and style, add actions and animation to it on the dedicated Editor tabs.

Did this answer your question?