Configure a Radio Button Node

This guide provides instructions on how to configure a "Radio Button" node in dynamic forms. This configuration allows you to define the list of selectable options for users, controlling how data is captured during form compilation on both server-side and mobile devices.

Before you begin

Ensure you have access to the dynamic forms configuration in the FSM product. This task assumes you are in the process of defining or modifying a dynamic form.

How to Configure Radio Button Node Options

1. Add a Radio Button Node: Insert a new "Input Radio" node (or "Radio Button" node) into your dynamic form.

2. Access the "Options" Table: For the newly added Radio Button node, locate and fill in the "Options" table. This table defines the list of values that users will see and select from.

3. Add New Options:

   • To add individual items to the list, use the "New" operation.

   • To add a pre-configured list of options from master data, use the "Select Options Group" feature. This allows you to import options from existing "Options Groups".

4. Define Item Parameters: For each option added in the "Options" table, set the following parameters:

   • Code: Assign an optional code to the item.

   • Description: Provide a name for the item. This name will be visible to the user and is a mandatory field.

5. Reorder Options (Optional): If needed, reorder the items in the list using the drag & drop feature.

   • Tooltips are disabled if the "Show as Table" field is flagged.

6. Manage Existing Options: For each row in the "Options" table, use the three-dots menu in the first column to:

   • Modify an existing item.

   • Delete an existing item.

Configure Dynamic Behavior using Expressions

The Radio Button node supports expressions, enabling dynamic behavior based on specific conditions.

1. Access Expression Settings: Locate the expression configuration section for the Radio Button node.

2. Define Conditions for Dynamic Behavior:

   • To control visibility: Set conditions to make the node visible or hidden based on specific criteria.

   • To enforce mandatory input: Configure conditions to make the node mandatory under certain circumstances.

   • To auto-populate data: Define conditions to automatically fill the field with a photo or pre-fill the node with other data.

   • To set read-only status: Specify conditions to make the node read-only. In this mode, the field will appear in grey, indicating it cannot be edited.

After you finish

Once configured, the Radio Button node will be available for user input in the dynamic form, both on the server-side and on mobile devices. Users can select a single option, and the node's graphical appearance will be a circular form.