Problem using htmx inside django formtools

Question

I am trying to use htmx inside django-formtools and I have problem getting the consistent id and name of the form in the partial HTML as in the main HTML. A little bit of explanation, in the main HTML of the formtool all the form field rendered will get additional prefix of the name of the step of the wizard for the id and name of the field, for example if your step is listing and your field name is category, the rendered field id will be "id_listing-category" instead of "id_category" and the name will be "listing-category" instead of "category". I am using render field of widget_tweaks to render the field. The problem is when I render the field in the partial HTML using render_field the id and name of the form field have no prefix of the step as in the formfield generated in the main HTML. I suspect this is caused by the unavailability of wizard object in the partial HTML. I can print the wizard object in the main HTML but get blank when I try to print in the partial HTML. To solve this problem I have tried two things:

Pass the wizard object to the partial HTML using HTMX hx-include and hx-vals but I get an error and no wizard object is being passed.
I have tried to template inheritance using django-template-partials using {% partialdef inline-partial inline=True %} but with no success. I still can get the wizard object inside the partial.
Use combination of Alpine JS and HTMX. I tried to show or hide the fields using Alpine JS based on the select option value and at the same time generated the option value of cascaded select using HTMX. I have not been succesful yet using this method.

If somehow I can get access of the wizard object inside the partial then all the above problems should be solved instead of making unnecessary work around. Any comment or input on how to achieve this is much appreciated. Am I missing something or I guess I just have to make my own formtools.

Neil Bartlett · Accepted Answer · 2024-09-28 20:49:09Z

0

Post some code if you can: I'm not clear if your problem is an include in the template or if the problem is a render in the the HTMX call back to Django.

For the former you can use "with" to pass in the wizard or the form or any object you need. For example,

{% include 'partial.html' with wizard=wizard form=wizard.form %}

Meanwhile if the issue is the render of a partial in django - you can send the name/id in via the call and then add it into the context for the partial. In this way you can explicity target particular forms in particular steps.

answered Sep 28, 2024 at 20:49

Neil Bartlett

7431 gold badge5 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Problem using htmx inside django formtools

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related