Make a field read-only, or hidden

Field Visibility is an action available in the Rule Panel that allows you to control the visibility or editability of specific fields on a page. You can choose to hide, disable, or make a field read-only based on a condition or event.

Properties and Explanation

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

1

Field Name:

This property specifies the field on the page where the action should be applied. It identifies which field will become read-only, disabled, or hidden, based on the settings chosen in the action.

Visibility Action

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

Hidden: The selected field will not be visible to the user.

Read-only: The user can see the field but cannot edit its value.

Disabled: The field appears visible but greyed out, and the user cannot interact with it.

Full Configuration Example

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

This screenshot shows the complete configuration of the Field Visibility action, including all relevant properties set up on the page.

A label named "Cnic Hide" and a Text Input field for CNIC are placed on the page. A rule is added so that when the label is clicked, the CNIC text input becomes read-only, allowing users to view the value but not edit it.