hx-post posting form inside a bootstrap modal

Hi there, Thank you for providing such a great library.

I noticed when I try and use a form inside a bootstrap model, the hx-post doesn’t work?

<form hx-post="/hello">
   <button class="btn btn-primary" type="submit">hello</button>
   @Html.HtmxAntiforgeryScript()
</form>

It tries to post the original page rather than the modal dialog form. Is there some special scripting I need to do?

This is an example of something I’m trying to achieve https://blog.benoitblanchon.fr/django-htmx-modal-form/

Any exmaple or idea on how to fix this?

[khalidabuhakmeh]

@dotnetshadow 👋 Hi again. I updated the sample to use Bootstrap JavaScript to give you full access to all the Bootstrap intended behaviors.

The trick with HTMX is you can return <script></script> elements that will execute immediately. This allows you to pass the initialization script necessary for modals.

Since the HTML and Script pass through HTMX’s request/response pipeline, you get a processed modal. Give it a try. It’s pretty sweet.

I’m writing a blog post about it 😃

[khalidabuhakmeh]

No worries. Glad you’re trying out the library and enjoying it. Cheers.