# Custom Conditional Form Builder in CloudCannon

**URL:** <https://community.cloudcannon.com/t/custom-conditional-form-builder-in-cloudcannon/184>\
**Category:** Showcase\
**Tags:** forms, 11ty\
**Created:** [March 20, 2025, 10:52pm UTC](https://community.cloudcannon.com/t/custom-conditional-form-builder-in-cloudcannon/184 "2025-03-20T22:52:22Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Alysha\_Jo\_Nolan](https://community.cloudcannon.com/user_avatar/community.cloudcannon.com/alysha_jo_nolan/32/195_2.png) [@Alysha\_Jo\_Nolan](https://community.cloudcannon.com/u/Alysha_Jo_Nolan)\
**Post date:** [March 20, 2025, 10:52pm UTC](https://community.cloudcannon.com/t/custom-conditional-form-builder-in-cloudcannon/184/1 "2025-03-20T22:52:22Z")

</div>

I’ve built a **conditional form builder** inside :cloudcannon:, allowing editors to create dynamic forms with inputs that show/hide based on other selections—all without needing to code. You can check it out here: [https://fuscia-cookie.cloudvent.net/](https://fuscia-cookie.cloudvent.net/).

The implementation uses :11ty: and **Alpine.js** , extending CloudCannon’s Venture template (which itself uses :11ty: and vanilla :javascript:). **Editors can create and manage forms entirely through :cloudcannon:’s UI** , selecting from a set of input options, while the underlying logic handles conditional visibility.

I chose Alpine.js because it allows the use of `<template>`, meaning hidden inputs aren’t in the DOM until triggered. This prevents validation issues, like a required field blocking submission when it’s not visible because it wasn’t the path someone went down.

### Key Benefits:

- **Fully managed in :cloudcannon:** – Editors can build forms visually, with no need for coding.
- **More complex logic without breaking validation** – Hidden fields don’t exist until needed.
- **Submits directly to :cloudcannon:’s inbox** – No external tools or integrations required.

While this is still a basic implementation and might not suit highly complex logic needs, it offers a **low-cost** , **no-code** solution for clients who want more dynamic forms without relying on third-party form builders.

For any developers interested in building something similar, you can see the code in this [**:github: Repo**](https://github.com/AlyshaNolan/demo-form-conditionals) and heres a peak at how it looks in :cloudcannon::

 ![Screenshot 2025-03-20 at 3.48.31 PM](https://d3adakbnn1mhie.cloudfront.net/original/1X/f03158daa0f89f4ccea8bda145eaf3f7a4b27c2b.png)

Would love to hear feedback! Has anyone else tackled custom form logic in :cloudcannon:?

---

_[View the full topic](https://community.cloudcannon.com/t/custom-conditional-form-builder-in-cloudcannon/184)._