# Button not triggering form submit workflow

**URL:** <https://community.weweb.io/t/button-not-triggering-form-submit-workflow/20528>\
**Category:** Ask us anything\
**Created:** [December 17, 2025, 6:19pm UTC](https://community.weweb.io/t/button-not-triggering-form-submit-workflow/20528 "2025-12-17T18:19:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pedro\_vitor](https://avatars.discourse-cdn.com/v4/letter/p/35a633/32.png) [@pedro\_vitor](https://community.weweb.io/u/pedro_vitor)\
**Post date:** [December 17, 2025, 6:19pm UTC](https://community.weweb.io/t/button-not-triggering-form-submit-workflow/20528/1 "2025-12-17T18:19:37Z")

</div>

I have a button that, for CSS reasons, I left outside the form container. To link it to the form, I assigned an ID to the form container and added the `form` attribute to the button, assigning the form’s ID as its value. When I click the button, it doesn’t run the form’s workflow. I have this same button and form format in other places and they work normally, but it’s not working here. One thing I considered was that, since this form has a “page” system, clicking the button hides the fields on the first page and shows those on the second. Perhaps the hidden fields are causing this problem, but as I said before, I have exactly this in other parts of my application and it works normally.

 ![Captura de tela 2025-12-17 151204](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2937bcb16d35ea289a0bab3dcf480aebc1a3b26b.png)

 ![Captura de tela 2025-12-17 151147](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7fde82673215103db831909d5d8d00804959bb3c.png)

 ![Captura de tela 2025-12-17 151023](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0dd40d9c01a66e3dd5944c4931b318fb0c3988fa.png)

 ![Captura de tela 2025-12-17 151006](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f8ce131dd233fd644fde70f0af0dc2cb0ab0a0bd.png)

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [December 18, 2025, 12:58pm UTC](https://community.weweb.io/t/button-not-triggering-form-submit-workflow/20528/2 "2025-12-18T12:58:33Z")

</div>

Hi Pedro 👋

interesting approach, so you’re saying that the fact that this form is a “multi step” one is affecting your button from calling the submit workflow?

But what is weird is that you say you have the exact same set up in other pages and it’s working. 🤔

If possible I wouldn’t mess with the form container, I would try to work with the button inside the form itself.

As for multi step forms I would try to use conditional rendering instead of display: none.

Why are you using your button outside your form?

---

<div class="post-metadata">

**Author:** ![pedro\_vitor](https://avatars.discourse-cdn.com/v4/letter/p/35a633/32.png) [@pedro\_vitor](https://community.weweb.io/u/pedro_vitor)\
**Post date:** [December 18, 2025, 1:18pm UTC](https://community.weweb.io/t/button-not-triggering-form-submit-workflow/20528/3 "2025-12-18T13:18:45Z")

</div>

> [@Agustin\_Carozo](#):
>
> conditional

Hi, The problem was that I was using `display` instead of `condition` to show and hide elements. Changing that fixed the issue and it’s working now, Thanks