Radio Component Nexus Component Styling

The Radio component inserts radio buttons on the canvas.

The Radio component is supported in the Input view and is found in the Data Entry section of the Components tray.

Radio Component

See Add Board Components for details about adding components to a view.

Settings

The following settings are available.

Radio settings
Field	Description	Procedure
Label	A unique identifier that briefly describes the radio button set on the user interface.	Enter between 2 - 50 alphanumeric characters, excluding special characters
DB Field Name	A unique identifier that briefly describes the component in the database table.	Enter between 2 - 50 alphanumeric characters, excluding special characters
Required	Adds a red asterisk to the end of the label indicating that the field is mandatory.	Turn the toggle to on to indicate the field is required.

The following style options are available.

Radio style options
Field	Description	Procedure
Options	The radio button characteristics.	Do any of the following actions: To add options Click + Value. Enter the text that displays next to the option the Label field. Enter the text that displays below the option text in the Subtitle field. Enter the value that is saved in the Input view when a user clicks this option in the Value field. Click the checkmark. To edit an option Click the pencil icon next to the option. Make updates as needed. Click the checkmark icon. To delete an option Click the trashcan icon. To change the order of the radio buttons Drag the double-ellipsis up or down.
Export Label	The label applied to this field when data from the board is exported.	Enter between 2 - 50 alphanumeric characters, excluding special characters.
Inline	Sets whether the options display horizontally or vertically.	Set the toggle to on to display the options horizontally. Set the toggle to off to display the options vertically.
Help Text	The tooltip that appears when the pointer is over the radio buttons.	Enter between 2 - 50 alphanumeric characters, excluding special characters

The following Conditional settings are available.

Conditional settings
Field	Description	Procedure
Conditional Settings	The component only appears when certain conditions in relation to another component are met.	See Add a Conditional Component.

The following actions are available when you select any component on the canvas in the Board Workspace when working with Nexus Component Styling.

Actions descriptions
Name	Description	Procedure
Settings	Opens the Properties tab next to the Components Tray. You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Settings icon. The Properties tab displays on the right next to the Components tray. Update the settings as needed. Changes display in real time.
Move		This icon is not used. To move the component, click and drag it to its new location.
Clone	Copies the current component and its settings, then pastes it after the current component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Clone icon. The Properties tab displays on the right next to the Components tray. Edit the settings for the cloned component. Changes display in real time.
Delete	Deletes the selected component.	In Design mode, click the component on the canvas. A toolbar appears on the top right. Click the Delete icon.