Are there any new attributes / values for 1.8? I'll want to make sure my library includes them if there are.

No I haven't gotten this working yet - admittedly I have focused on some other things since posting this. Is the issue because it's in a bootstrap modal? I am hosting the htmx js locally - it's not loaded deferred from a CDN

github is codemonkeys tik tok

So I've got 5 form fields that all have the same htmx:

But... I actually only want them to trigger if they have a value

When the page loads, some of the form selects have a value selected, others do not.

(these forms are dropdown selects, if that matters)

Any ideas?

This sounds like a job for a custom event hx-trigger and some hyperscript which checks the status on init and only triggers the custom event in the case you want

Do you know anywhere I could see an example of something like that @brainy-ice-92385 ? I'm kinda new to this whole thing

Here's a good start: https://htmx.org/headers/hx-trigger/

No I haven t gotten this working yet

when I used form with a submit button in custom modal dialog example which has its close button on clicking close I am expecting to just dismiss dialog but its causing form submit. https://github.com/bigskysoftware/htmx/discussions/951

gists maybe

hard to say, but maybe the trigger filter feature will work here?

looking at the docs, that sounds exactly like what I need, but none of the examples cover my case.

It's a select element

and I just want to check if it has any value

so I want to exclude the ones that are empty

this is probably closest. I could make a global function that checks if the select has a value?

Answers posted on GitHub 😀

Hey guys, should hx-indicator "hide" the img object until response is received? Mine seems to be displayed regardless :/

<form hx-post="/device_run_command" hx-target="#command_output" hx-indicator="#loader_bars" nunjucks-template="template_of_cmd_output"> <img id="loader_bars" alt="Loading..." src="{{url_for('static', filename='bars.svg')}}" width="16px" height="16px" />

hx-indicator

puts an

htmx-request

class on the element specified there; you'll want to define styles for that element both with the class (visible) and without (probably hidden). The example on that attribute is pretty good. https://htmx.org/attributes/hx-indicator/ (Doing it via adding and removing a class lets you use animations / transitions if you want; but, if you just want it to toggle between

display: none

and

display: inline-block

, that will work as well.)

Hi, I'd like a bit of guidance as to the most ideomatic solution for a feature in my app. I have a pane that I'm going to allow the user to add different editable content boxes like a header textbox, a paragraph textarea, list text boxes etc. There will be a plus button and as the user adds the items from a pop-up hovering over the button, a new input component gets pushed on the list, bringing the plus button down. The obvious htmx solution I can think of is just have those components as the response from different get endpoints, and have them be appended to a target form.

Hi I d like a bit of guidance as to the

I'm breaking my head on something simple. Where I can't find an example for. I got small form with 1 input field. If you submit something then something is added to a list. But onSubmit or after swap I want the form to be empty again. I could do this with JS but that is overkill. I don't see how to do it with htmx? can anybody give me some insight?

When I use htmx to update the list of options on a select form field, this "change" doesn't trigger the hx-trigger="change" on that forms div.