How Do I Conditionally Show and Hide Parts of the Form? Progressive Disclosures

Overview

You can show and hide one part (a field) of a form based on selections made in another part of the form. In other words, you may wish to hide a text input field on a form unless the submitter selects -Yes- from a previous prompt question, etc.

Complicated? Nah. You've got this.

Here's an example but feel to try other options as well:

Steps

First create the radio button with options. Then, create a text input field with progressive disclosure controls. 

Radio Button Control

1. Create a radio button control. (See Form Editor - Gadget Definitions.)

2. Give it a field label of "Do you need more information?"

3. Enter two options: Yes and No. 

Hint: in the gadget editor, scroll down to the Option control button. Type - Yes. Then, return. Another option field will open. Type - No. 

4. Click Save.

Text Input Field (Text Configuration Dialog)

Hint: This is the field that will only show when "yes" is selected from the radio button control.

5. Click  + Add Item.

6. Choose the Text Input gadget. 

7. In the field label, type: "Please describe what you need."

8. Scroll down to the Placeholder field, type: "Type here". 

9. Scroll to the Progressive Disclosure section and click the plus button.

10. Int he dropdown that appears, select the "Do you need more information?" radio button.

11. In the next dropdown, select "Is."

12. In the last dropdown, select "Yes."

13. Click Save.

Hint: This means: If the end user selects "yes, I do need more information," then the prompt to describe what is needed will appear. 

Progressive Disclosure Dialog

Progressive Disclosure Form Preview