module FormBuilderHtmx - A zero configuration Pro FormBuilder companion module to enable AJAX form submissions

[FireWire]

FormBuilderHtmx is now available in the modules directory and can be installed via Composer.

Thanks to all for the feedback and testing! If there are improvements or edge case issues, feel free to file a bug report on the GitHub repo or check in here for support.

 

[FireWire]

New FormBuilderHtmx release. Version 1.0.1 is recommended for all users.

Bugfixes and new features, read more on the FormBuilderHtmx module page.

Cheers!

[JayGee]

Hi @FireWire

Loving this module thanks. Run into one issue I don't know if you're aware of. It seems to break when using page breaks in the form. When you use the forward/back buttons it nests a new copy of the form inside itself.

Have you come across this?

(I'm also using MarkUp Regions if that could be related).

[FireWire]

@JayGee Happy to hear the module is useful!

I haven't used page breaks before so I hadn't tested that. Since diving further into htmx driven FormBuilder forms outside of this module I've recognized a few places where it can be improved. Another item that needs to be handled is file uploads.

Work keeps me from doing things so I won't be able to handle this immediately. How critical is the issue for your use case?

MarkUp Regions shouldn't be a problem so no worries there AFAIK.

[JayGee]

On 5/28/2025 at 4:39 PM, FireWire said:

@JayGee Happy to hear the module is useful!

I haven't used page breaks before so I hadn't tested that. Since diving further into htmx driven FormBuilder forms outside of this module I've recognized a few places where it can be improved. Another item that needs to be handled is file uploads.

Work keeps me from doing things so I won't be able to handle this immediately. How critical is the issue for your use case?

MarkUp Regions shouldn't be a problem so no worries there AFAIK.

Hi @FireWire sorry for the delay I was away last week.

That all makes sense. And it's definitely not mission critical so no worries there, just thought you would like to know. If I get to it first I will see if I can figure out where the issue lies. My hunch is it could be as simple as needing to use hx-swap for each step of the form, whereas as the moment I think it's appending the code.

Obviously would need testing though as I'm not sure if the form/validation logic would break if parts of the overall form logic suddenly disappear from the page.

I think once this is resolved though, HTMX + multi-step formBuilder forms is a winning combo, adding real-time validation for fields without reloading!

[MSP01]

Gave this a quick try using latest PW, Formbuilder and HTMX.

The form renders fine, but when I click submit it will just disappear, same happens whether required fields are filled or not. No entries appear either so it's not quite working out of the box.

No errors of any kind in PHP or console, just gets a 200 and returns nothing.

$htmxForm = $htmxForms->render('contact');
echo $htmxForm->styles;
echo $htmxForm->scripts;
echo $htmxForm;

[FireWire]

@MSP01 Can you check your embed method? I haven't used this plugin on any recent projects and I'm on task with an ongoing large festival right now so my time is very limited. Any help troubleshooting or debugging would be greatly appreciated.

[MSP01]

Well that would have been method 'C' aka the preferred method. I did try some of the other ways to render the form but the end result was the same. 

This is not urgent on my side, but it would have been neat if it worked. If I can help you to debug it just let me know what to try.