Conditional Visibility

Conditional visibility is a feature that allows you to display or hide form fields based on specific rules. The feature enables you to create dynamic and responsive forms that adapt to user input or other factors, thereby enhancing the user experience.

Consider the example of creating a form for a cleaning service company. In this scenario, you can ask users to select whether they require carpet cleaning. If the user's response is 'YES,' additional option fields become visible, including choices for anti-allergen and deodorizing treatments. Conversely, if the response is 'NO,' the option fields are concealed.

The following topics are discussed in this article:

• Adding conditional visibility conditions to a field
• Updating field conditional visibility
• Removing field conditional visibility

Adding conditional visibility conditions to a field

To use conditional visibility on form creation:

1. Navigate to Forms from the main menu.
2. Select All Forms.
3. Select CREATE FORM.
4. Fill out the forms for creating a form.
5. Navigate to the 'Fields' tab.
6. Select ADD VIRTUAL FIELD or update an existing field by selecting its corresponding EDIT link.
7. Scroll down to the 'Conditional Visibility' section on the form for creating or updating a field.
8. Toggle Enable Conditional Visibility to 'Enabled.'
9. Use the form to create a condition or rule.
10. Select ADD ANOTHER CONDITION to add more conditions to your field if required.
11. Select SAVE or ADD VIRTUAL FIELD.
12. Navigate to the 'Form Code' tab.
13. Select GENERATE FORM CODE.
14. Use the confirmation modal to finalize the form code regeneration.
15. Select SAVE.

These are the input requirements and descriptions for adding a conditional visibility condition to a field.

Updating field conditional visibility

To update field conditional visibility:

1. Navigate to Forms from the main menu.
2. Select All Forms.
3. Find the form you want to update and select its Edit row action link.
4. Navigate to the 'Fields' tab.
5. Find the field you want to update and select EDIT.
6. Make your changes in the 'Conditional Visibility' section.
7. Select SAVE.
8. Navigate to the 'Form Code' tab.
9. Select GENERATE FORM CODE.
10. Use the confirmation modal to finalize the generation of the new form code.
11. Select SAVE.

Removing field conditional visibility

To remove field conditional visibility:

1. Navigate to Forms from the main menu.
2. Select All Forms.
3. Find the form you want to update and select its Edit row action link.
4. Navigate to the 'Fields' tab.
5. Find the field containing the conditional visibility rules you want to remove and select EDIT.
6. Find the condition you want to delete in the 'Conditional Visibility' section, then select REMOVE CONDITION.
7. Select SAVE.
8. Navigate to the 'Form Code' tab.
9. Select GENERATE FORM CODE.
10. Use the confirmation modal to finalize the generation of the new form code.
11. Select SAVE.