Conditional Fields

The Conditional Fields macro allows you to specify different conditions to customize a form.This is useful for creating dynamic forms that react to user input.

Use Conditional Fields with an existing form

1. Navigate to the page with the relevant form and enter Edit mode.

2. Click the existing Form, then click Edit.
   The Form Builder appears.
3. Click the Conditional Fields button.
   
   The Conditional Fields menu opens.

4. The following message appears.
   
   Click the Add condition button to create conditions for your form.

   Requirements

   Two or more question fields are required to apply conditions to a form. 

5. Select the field you want to make conditional in the Field section.
   
6. Add your selected user response in the Field value section.
7. Select a desired action: Show or Hide.
8. Select the field to be shown or hidden in the Target section.
   1. Optional: Use the Add button to create more conditions.
      
   2. Use the Trash icon to delete a condition.
9. Click Save. The Conditional Fields menu closes.
10. The conditions you've created display in the Form macro preview.
    Preview or Publish the page to view the final results.

Example

In this example, refreshment options are being prepared for a multi-day event. The event spans two days, and the attendees have the opportunity to attend either day's event or both.

Four Fields are used in this example: one Dropdown field and three Radio Buttons fields.

The Dropdown field contains the option for the form user to select their attendance option: August 12th, 13th, or both.

The Radio Buttons contain the refreshment options for the individual attendance options.

1. To make the form conditional, click the Conditional Fields button.
2. The following message appears.
   
   Click the Add condition button to create conditions for your form.
3. Set the Field option to the Dropdown field, with which users will select their attendance date.
4. Set the Field value to the first attendance option, August 12th.
5. Set the Action to Show.
6. Set the Target to the August 12th Radio Button field.
   
   This concludes the first condition.
7. Use the Add button to create a second condition.
8. Again, set the Field option to the Dropdown field, with which users will select their attendance date.
9. This time, select the second attendance option, August 13th.
10. Set the Target to the August 13th Radio Button field.|
    
    This concludes the condition.
11. Use the Add button to create one last condition.
12. Set the Field option to the Dropdown field, with which users will select their attendance date.
13. Set the Target to the Radio Button field that contains options for the attendees for both events.
    
14. Click the Save button.
    The Conditional Fields menu closes.
    The conditional options are shown in Edit mode.
15. Preview or Publish the page to see the result.