Radio Button Visibility

Radio Button Visibility is an action available in the Rule Panel that controls the visibility and interactivity of radio button options on a page. It allows you to make radio button groups or individual options hidden, read-only, or disabled, based on specific events and conditions defined in the rule.

Properties and Explanation:

Here are the steps to follow in order to use the Radio Button Visibility action:

1

Radio Button Group Name:

Specifies the name of the radio button group that the action will target. It refers to the entire group of radio button options rendered on the page. The defined visibility setting (hidden, read-only, or disabled) will be applied to this group unless a specific option is targeted separately.

2

Radio Button Name:

Specifies a single radio button option within the group to apply the selected action. This property is useful when multiple radio buttons exist and you want to target only one specific option for visibility or interactivity. It allows precise control over which individual option should be rendered or affected based on conditions.

Visibility Action

Defines how the selected radio button or group behaves on the interface. You can control its appearance or interactivity using the following options:

• Hidden: The selected radio button or group will not be visible to the user.

• Read-only: The user can see the radio button but cannot modify its state.

• Disabled: The radio button appears visible but greyed out, and the user cannot select or interact with it.

Full Configuration Example

Below is a screenshot of the Radio Button Visibility Action configuration, showing all properties set for the Radio Button Group Name, Radio Button Name and Visibility Action:

This screenshot shows the complete configuration of the Radio Button Visibility Action, including all relevant properties set up on the page.

There are three radio buttons under the UserType group: Admin, Student, and Guest. A text input is added where a condition is set—if "guest" is entered, an action is triggered. Based on the action selected (Read-only, Hidden, or Disabled), the Guest radio button will either become not selectable, invisible, or inactive.