Browse Article by Topicsconditions
- Smart Forms Using Conditional Logic
- Adding a license agreement to a form
- Creating a scrollable Terms & Conditions
- How to Create a Basic Multiple Payment form
- Hide or Show Multiple Fields at Once
- How New "Conditions For" and "Order by" boxes work in conditional logics
- How to Insert Text or Mathematical Calculation into a Field Using Conditional Logic
- How to Skip Pages Using Conditional Logic
- How to Set Content Mask on a Form Field Based on Another Field Input
- How to Make a Field Required Based on User's Answer
Related Forum Questions
- Form Conditions: A way to print conditions all at once
- Re: How to disable or hide a field on submissions edit mode
- What is the best way to use conditions?
- Conditional Logic: Field not displaying
- Conditions issue
- How to have multiple pages using fewer conditional statements
- Using calculations and conditions for the total price
- Is there a way to remove all conditions at once in a form
- Need help with Conditions (text based) on my form!
- I need help with my conditions
How toAdded: November 4, 2012
In this tutorial, we'll be learning how to hide or show multiple form fields based on a single conditional logic - using form collapse bars.
Before proceeding, we must get acquainted with Form Collapse bars first. What is a form collapse? Well, according to this article about JotForm fields [http://www.jotform.me/help/46-Form-Fields],
[quote] a Form Collapse hides/shows a section of your form, and splits your form into expandable parts.[/quote]
In this article guide, we will be using the Form Collapse to split the form into parts, but not expandable ones, and we'll be using conditional logic to hide or show those parts.
1. Insert a form collapse at the beginning of each section
This will mark the start of the form section that you want to hide. Insert as many fields as you want on this section.
Form Collapse Configuration
Form Collapse Status will either collapse or expand the bar that contains the form fields. Visibility applies only to the Form Collapse bar, and not the fields under it.
You can set Form Collapse Status and Visibility to any combination, except [Status: Closed] and [Visibility: Hidden]. That just wouldn't make sense ;)
2. End your section using another Form Collapse
A Form Collapse incorporate all fields under it, except another Form Collapse. Unless your form section isn't followed by another one (i.e., consecutive form collapse sections), you will need to place a stopper to end the section.
We can accomplished this by adding another Form Collapse that is set as [Status:Open] and [Visibility:Hidden]
3. Add a condition to hide or show a section
Now that your form sections are defined, you can start adding rules to the Conditions builder.
Select the Setup & Embed tab > Click Conditions > Select Show / Hide a form field then click Next
You may then formulate your conditions to hide or show the corresponding (form collapse) section.
In this example,