Yes, sensei!

the big restful aha is that the application is totally seperate from the http/backend

and that's (imho) not htmx-y at all, where the backend is the application

Writing routes in Express that are literally like 3 lines of code including a Mongoose query, then rendering in nearly-pure HTML (handlebars) is just astonishingly easy compared to the insane mountain of code that used to require. Thanks for your help.

🙂

I'm using hx-swap="outerHTML" to update and replace a entity in an SVG. It is working well except that the position is supposed to be produced by a transform. As it leaves the view, the value of 'form.instance.presentation' is 'matrix(1,0,0,1,350,200)' (this is the same as 'translate(350,200)' - via Django 'print(form).') After htmx has swapped it in, the value of transform is "", and in Chrome it just says .

I pass the presentation attributes (currently just a matrix) from an input field that is updated when a drag concludes. Is there a way to POST html / svg attribute values?

Hi guys, could someone send me the meme image of the timeline (first basic website, then complicated JS frameworks, then easy HTMX website)? I cant seem to find it

Has anyone had issues with multi-part forms not working? I have a problem that Django and HTMx are not letting the upload portion happen.

like uploading a file?

Yes, exactly

I switched to vanilla HTML and I have no problems.

are you using hx-encoding?

Jeeeeeeez I am just plain stupified that I missed that

🙂

imho doc reading is a skill and unfortunately every tool has different docs so you start over all the time

the only thing worse than a million standards is one standard, when that standard is javadoc

you just have to make a HtmxBeanDocFactoryFactory

Well, I ironed out a lot of problems of my own creation, but I'm still stuck - I've got a hx-afterSettle event listener to add event listeners to newly updated elements. When the whole page loads, the elements with a transform attribute are grabbable (can be stored in a js variable - e.g. temp1.transform ) and the elements render correctly. But, the elements received one at a time via htmx after an update is triggered don't work. There's no observable difference in the HTML/SVG but the browser treats them very differently. its the same database and template generating them, but the transform is not applied, and nor are the height and width, and then the transform isn't accessible as a property (e.g. temp1.transform returns null). I feel like there must be some foundational DOM knowledge that I've missed out on.

'Solved' this without learning anything by changing to hx-swap="none"

Hi! So I'm using bootstrap 5's offcanvas with a CreateView form inside. I have hx-boost enabled in the tag. Now, when there's an error in the information in the form, I would like the offcanvas to remain opened. The bootstrap doc say that in order to show offcanvas on load, just add the

show

class. I add it when

{% if form.errors %}

= True but the dismissable hooks for the offcanvas do not latch (I can't close it by clicking outside offcanvas nor by clicking the X in the top right). https://getbootstrap.com/docs/5.0/components/offcanvas/ I removed

hx-boost=True

in the tag and it works as intended but is there anyway to make it work with hx-boost? I know about

htmx.process

but that's only for htmx scripts. Thanks in advance!

Boosting acts like turbolinks so your best bet is to look for similar situations w/ boostrap and turbolinks

that's what it sounds like to me

you could also just replace the form content

vs reloading the page on error

updates: I loaded it via hyperscript. All good now!

<div
    class="offcanvas offcanvas-end"
    data-bs-backdrop="false"
    tabindex="-1"
    id="invite"
    aria-labelledby="inviteLabel"
    _="on load
        make a bootstrap.Offcanvas from me called offcanvas
        {% if form.errors %}
            call offcanvas.show()
        {% endif %}
    "
>

whoah

I never thought of using hyperscript that way

sick