Show and Hide Form Sections

Introduction

You can make a form section visible or hidden depending on the value of other form fields.

How does it work?

1. Create a form in Form Builder and add two sections to it.
   

2. The configuration of visibility is done in the target section.  Remember to retrieve the information needed from the Select Box properties first.

   

3. In Select Box properties, take note of ID and Options.  Next, go to the target section's properties, click on the Visibility tab and configure according to desired settings. 

   An example is shown below.

   

This particular section will only show when the Visibility settings match.

Expected outcome

Video Tutorial

In this video, you’ll learn how to build a sample app and configure dynamic visibility to show or hide form sections.

Download sample app