Intermediate5 min

Conditional Visibility

Make your forms dynamic by showing or hiding fields based on previous answers. Create smarter, shorter forms that adapt to user input.

How It Works

Conditional visibility rules determine when a field appears:

  1. User answers a question
  2. System evaluates your conditions
  3. Related fields show or hide instantly

Adding Conditions

On a Single Field

  1. Select the field to conditionally show
  2. Click Logic in the settings panel
  3. Click Add Condition
  4. Configure the rule

Condition Builder

| Part | Description | |------|-------------| | Field | The field to check | | Operator | How to compare | | Value | What to compare against |

Example: Show "Company Name" when "I am a..." equals "Business"

Operators

Text Fields

  • equals - Exact match
  • not equals - Does not match
  • contains - Includes text
  • does not contain - Excludes text
  • starts with - Begins with
  • ends with - Finishes with
  • is empty - No value
  • is not empty - Has value

Number Fields

  • equals - Same number
  • not equals - Different number
  • greater than - Higher
  • less than - Lower
  • between - In range

Selection Fields

  • equals - Same selection
  • not equals - Different selection
  • is one of - Multiple matches
  • is not one of - Not in list

Multiple Conditions

AND Logic

All conditions must be true:

Show "Business Details" when:
- Type equals "Business"
  AND
- Country equals "United States"

OR Logic

Any condition can be true:

Show "Contact Preference" when:
- Role equals "Manager"
  OR
- Role equals "Executive"

Mixed Logic

Combine AND and OR:

Show "Priority Support" when:
- (Plan equals "Pro" OR Plan equals "Enterprise")
  AND
- Issue Type equals "Urgent"

Common Patterns

Progressive Disclosure

Show additional fields based on initial choice:

Q: What type of inquiry?
- Sales → Show: Company size, Budget, Timeline
- Support → Show: Order number, Issue description
- Other → Show: General message field

Dependent Dropdowns

Second dropdown options based on first:

Q: Select Country
Q: Select State/Province (shown after country selected)
   Options filtered by country choice

Optional Sections

Expand details only when needed:

Q: Need shipping? [Yes/No]
   Yes → Show: Address fields
   No → Skip to payment

Qualification Questions

Skip irrelevant questions:

Q: Do you have experience with our product?
   Yes → Show: Rate your experience
   No → Skip to: What interests you?

Tips and Best Practices

1. Keep Logic Simple

Complex conditions are hard to maintain. Consider:

  • Breaking into multiple forms
  • Using sections for organization
  • Limiting condition depth

2. Test All Paths

Before publishing:

  1. Submit with each initial answer
  2. Verify correct fields appear
  3. Check all combinations

3. Default States

Decide if fields start:

  • Hidden - Reveal when condition met
  • Visible - Hide when condition met

Usually hidden-by-default is cleaner.

4. Required Fields

Conditional fields can still be required:

  • Only validated when visible
  • Clear messaging if hidden but required

5. User Experience

  • Add help text explaining why fields appear
  • Keep transitions smooth
  • Don't hide critical fields

Debugging

Field Not Showing

  1. Check the condition logic
  2. Verify the trigger field has correct value
  3. Look for conflicting conditions

Field Showing Unexpectedly

  1. Review all conditions on the field
  2. Check for OR logic issues
  3. Verify operator selection

Preview Mode

Use the form preview to test:

  1. Click Preview
  2. Fill form with test data
  3. Watch conditions trigger

Next Steps

Tags

formslogicconditions