> ## Documentation Index
> Fetch the complete documentation index at: https://fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Condition groups

> Use condition groups to show, hide and validate fields based on multiple conditions at once. Use nested logic to encode any condition you need in your form.

## Show based on a condition group

Click the question or field's <Icon icon="gear-complex" iconType="solid" /> to open the right-hand panel. Under **Logic**, `Set conditional logic` to `+ Add condition group`.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-27at6.51.13PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=e7546bcfd50929fbb7a838947ea0ad77" alt="Screenshot 2025-11-27 at 6.51.13 PM.png" width="1917" height="385" data-path="images/Screenshot2025-11-27at6.51.13PM.png" />

You can also hide based on a condition group. Simply switch to `Hide when`.

### And function

If you choose `and`, all conditions set must be true to show (default) or hide a field.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-27at7.01.24PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=8cb64113978f67b7b4c3472742319393" alt="Screenshot 2025-11-27 at 7.01.24 PM.png" title="Screenshot 2025-11-27 at 7.01.24 PM.png" style={{ width:"81%" }} width="1090" height="352" data-path="images/Screenshot2025-11-27at7.01.24PM.png" />

For example, the "Would you like to join our newsletter?" question above will only `Show when` the respondent:

1. Answers "Yes, please" to "Do you like to get updates on our discounts and promotions?"
   AND
2. Is "18 years old and above"

You can auto-compute for the Age using a birthday field. Learn how [here](https://www.fillout.com/help/calculations#compute-duration).

### Or function

Now, let's use `or`. With this, as long as one condition is true, a question or field can be shown or hidden.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-27at7.21.32PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=b8e8f276589bf7652b3bfdc0607fea09" alt="Screenshot 2025-11-27 at 7.21.32 PM.png" style={{ width:"83%" }} width="1090" height="352" data-path="images/Screenshot2025-11-27at7.21.32PM.png" />

For example, we'll the "How can we improve?" field will `Show when` a customer:

* Rates "less than 5 stars" on "How would you rate our service?"
  OR
* Rates "less than 5 stars" on "How was your shopping experience?"

### Nested conditions

You can also create a condition group using both `and` and `or` functions.

<img src="https://mintcdn.com/fillout-005a867b-dependabot-npm-and-yarn-form-data-4-0-6/iDs8lNUK7TJTojmP/images/Screenshot2025-11-27at7.40.42PM.png?fit=max&auto=format&n=iDs8lNUK7TJTojmP&q=85&s=dc4deb81fb4b6d4cfbb1929d330c6075" alt="Screenshot 2025-11-27 at 7.40.42 PM.png" title="Screenshot 2025-11-27 at 7.40.42 PM.png" style={{ width:"95%" }} width="1258" height="446" data-path="images/Screenshot2025-11-27at7.40.42PM.png" />

For example, we'll make the "Would you like to further discuss in a call?" `Show when` a customer:

1. Rates "less than 2 stars" on "How would you rate our service?"
   OR
   Rates "less than 2 stars" on "How was your shopping experience?"
   AND
2. Opted to "be contacted"

<Check>
  You can copy and paste conditional logic across pages. If you copy a field with conditions set or duplicate it, its existing conditions get carried over.
</Check>

## Related articles

<CardGroup cols={3}>
  <Card title="Hide fields" color="#FFC738" icon="eye-slash" iconType="regular" href="/conditional-hiding">
    Hide or show fields based on answers, URL parameters or data.
  </Card>

  <Card title="Calculations" color="#FFC738" icon="calculator-simple" iconType="regular" href="/calculations">
    Calculate prices for order forms, compute quiz scores, and more.
  </Card>

  <Card title="Integration logic" color="#FFC738" icon="gear-complex" iconType="regular" href="/conditional-integration">
    Perform an integration only when a certain condition is met.
  </Card>
</CardGroup>
