This document explains the "Radio Button" node type, a component used in dynamic forms for data input. This node functions similarly to the "Input Selection" node but offers a distinct visual and interaction method for selecting a single option from a displayed list.
What is a Radio Button Node?
When using a Radio Button node, the user must fill in the corresponding input field in a dynamic form by selecting the most appropriate value from a displayed list. This node functions exactly like the "Input Selection" node, with the primary difference being how the list of options is displayed during the dynamic form compilation—both on the server side and on mobile devices.
Key Characteristics
Compared to the "Input Selection" node, the main changes for the Radio Button node are:
-
Graphical Appearance: The choice is made via a circular form instead of a checkbox.
-
Tabular Display Option: There is a possibility to show the question and answers to choose from in a tabular form.
Configuring Radio Button Node Options
For this type of node, you can define the list of values (options) that users will see. This is done using an additional table called "Options".
You can add options to this list in two ways:
-
"New" Operation: Used to add individual items to the list of values to propose.
-
"Select Options Group": Used to add an already pre-configured list of options from the "Options Groups" master data.
Managing Options within the Table
For each row (option) in the "Options" table, there is a three-dots menu in the first column that can be used to:
-
Modify an existing item.
-
Delete an existing item.
Each option item can have the following parameters:
-
Code: An optional code assigned to the item.
-
Description: The name assigned to the item, which is visible to the user. This is mandatory information.
The list can be ordered using the drag & drop feature to re-arrange items on the list. Tooltips are disabled if the "Show as Table" field is flagged.
Display of the Radio Button Node
The Radio Button node's appearance changes based on the "Show as Table" field.
On Server Side
The new node display on the server side shows the radio buttons, with visualization changing based on the "Show as Table" field.
On Mobile Devices
The new node display on mobile devices, including iPhone and iPad, renders the radio buttons for compilation.
Dynamic Behavior with Expressions
This node supports the use of expressions, allowing dynamic behavior based on certain conditions.
For example, it is possible to:
-
Make the node visible or hidden based on conditions.
-
Make the node mandatory based on conditions.
-
Automatically populate the field with a photo based on conditions.
-
Pre-fill the node based on conditions.
-
Set the node to read-only based on conditions. In read-only mode, the fields will be shown in grey to clearly indicate to the user that they cannot be edited.