Add conditional logic to webforms | Civio CMS Knowledge Base       [ ![Civio Knowledge Base](/storage/branding/01KP4QF0THM695BDF2MG6TX3CY.svg) ](https://nginx.deploy-lagoon-production.districtcms-docs.dh1.amazee.io)  [Articles](/articles) [Releases](/releases)

   [Home](/)   [Knowledge base](/articles)   [Forms](/articles?category=8)

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

Updated 2 weeks ago

    Search  Go

   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** 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** — Setting up a webform and adding form elements
- **Create multi-page webforms** — Splitting a form into multiple steps
- **Add a webform to a content page** — Embedding your form on a page
- **View and export form submissions** — Accessing and exporting submitted data

 [    Back to articles ](/articles)

  Table of contents
-----------------

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