Radio

Configuring the radio field element

Radio generic settings

These allow you to customize the generic settings for the Radio element:

Process data key
Properties
Datasource
Validators
Expressions
UI actions
Radio styling

Process data key

Process data key establishes the binding between the radio element and process data, enabling its later use in decisions, business rules or integrations.

Properties

Label: The visible label for the radio element.
Helpertext: Additional information about the radio element, which can be optionally hidden within an infopoint.

Datasource configuration

Default value: Autoselect an option from the radio element based on this value. You need to specify the value from the value/label pairs defined in the Datasource tab.
Source Type: The source can be Static, Enumeration, or Process Data.
Add option: Define label and value pairs here.

Validators

The following validators can be added to a radio: required and custom (more details here).

Hide/disable expressions

The radio’s element behavior can be defined using JavaScript expressions for hiding or disabling the element. The following properties can be configured for expressions:

Hide condition: A JavaScript expression that hides the Radio element when it returns a truthy value.
Disabled condition: A JavaScript expression that disables the Radio element when it returns a truthy value.

It’s important to make sure that disabled fields have the same expression configured under the path expressions → hide.

UI actions

UI actions can be added to the radio element to define its behavior and interactions.

Event: Possible value - CHANGE.
Action Type: Select the type of the action to be performed.

For more details on how to configure a UI action, click here.

Radio settings overrides

There are instances where you may need to tailor settings configured in the Generic settings tab. This proves especially beneficial when you wish to adjust these settings to appear differently across various platforms such as Web, Android, or iOS. Available override settings:

Properties:
- Label: Override the radio label.
- Helper: Override helper text/info point.
Expressions:
- Hide: Override the hide expression.

Overrides can always be imported/pushed from one platform to another:

Radio styling

Type: Set the type of the radio. Possible values:
- bordered
- clear

Radio style overrides options

Theme overrides refer to the ability to modify or customize the appearance and behavior of UI components by overriding default theme settings. This can be applied at various levels, such as specific elements or entire sections, and can be platform-specific (Web, iOS, Android).