Add conditional logic to webforms | Civio CMS Knowledge Base     [Skip to content](#main)  [ ![Civio CMS Knowledge Base](/storage/branding/01KP4QF0THM695BDF2MG6TX3CY.svg) ](https://nginx.deploy-lagoon-production.districtcms-docs.dh1.amazee.io)  [Product documentation](/articles) [Release notes](/releases)   Toggle navigation      

  [Product documentation](/articles) [Release notes](/releases)  

  1. [Home](/) ›
2. [Product documentation](/articles) ›
3. [Forms](/articles?category=8) ›
4. Add conditional logic to webforms

 Add conditional logic to webforms
=================================

Updated 2 weeks ago · 2 min read

 Search     Search  

Overview
--------

Conditional logic lets you show or hide certain form fields or sections based on specific user selections or input. For example, you can display an extra field only when a user selects a particular answer — making your forms smarter and easier to use.

> **💡 Tip:** It's recommended to add all your form elements before setting up conditional logic. See [**Create a webform**](/articles/create-a-webform) to get your form elements in place first.

Adding conditional logic to a form element
------------------------------------------

1. In the menu, click the **Structure** icon.
2. Select **Webforms** from the dropdown. This opens a list of all webforms on your site.
3. Locate the webform you want to configure and click the **Build** button next to it.
4. Find the form element you want to show or hide based on other input, and click **Edit** on that element's row.
5. A configuration panel will appear on the right-hand side. Select the **Conditions** tab.
6. Configure the condition:

    - **State:** Choose what happens to this element (e.g. Visible, Hidden).
    - **Element:** Set whether **All**, **Any**, or **One** of the conditions must be met.
    - Select the **form element** that triggers the condition and the **response** that determines the display.
7. To add more conditions, click the **+** icon and repeat the configuration for each additional condition.
8. Click **Save** to apply the condition to the element.
9. Click **Save elements** at the bottom of the form builder to save all changes.

![](/storage/1QwHgfWCelvSC9kFI5klnL5IKQbq0lnIlYXuzbWR.png)

Testing your form
-----------------

Use the **Test** tab to submit a test entry and verify that your conditional logic is working correctly. Test submissions are stored separately from real submissions.

---

Related articles
----------------

- [**Create a webform**](/articles/create-a-webform) — Setting up a webform and adding form elements
- [**Create multi-page webforms**](/articles/create-multi-page-webforms) — Splitting a form into multiple steps
- [**Add a webform to a content page**](/articles/add-a-webform-to-a-content-page) — Embedding your form on a page
- [**View and export form submissions**](/articles/view-and-export-form-submissions) — Accessing and exporting submitted data

Was this article helpful?
-------------------------

Your feedback helps us prioritise what to rewrite.

      Yes     No  

 [    Back to Forms ](/articles?category=8) 

 On this page 

**Need additional help?** Submit support requests by emailing [support@](mailto:support@civ.io)[doghouse.agency](http://doghouse.agency)

 © 2026 [District](https://www.district.au)