https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • b
    Can I use HTMX with Excel?
  • c
    uhm
  • c
    cant tell if trolling or serius
  • b
    Perfect. Nailed it
  • m
    yeah, definitely need server side validation. i’ll look at a swap-oob solution. Being this is my first htmx app, I haven’t used that attribute before 😄 just some basic form stuff and request on button clicks etc
  • n
    Hey all, working on react -> htmx side projects, we're back
  • g
    Trello does a good job with giving modals their own URL. and especially with htmx, most of the worst UX of modals can be handled. It took some time, but I’m pretty pleased with how these turned out (dedicated URLs and all) https://mastodon.social/@benpate/109685200005465187
  • g
    You know the common htmx pattern of 
    if (Header.HX-Request != "") then render_the_whole_page_not_just_a_fragment()
    ... You basically just do that but with a whole background page. It's a little bit of work, but the outcome is f'n glorious.
  • r
    I've been writing some basic tests using https://hurl.dev/ recently, feels pretty nice. A good language agnostic testing framework for hypermedia backends. it doesn't use a browser, so the HTMX attributes can't be tested but you can use it to test whether certain snippets are returned with certain header values, eg if hx-boosted is sent does your backend actually return something different?
  • r
    Eg, here's a test file I wrote for my game tracker:
    Copy code
    toml
POST http://localhost:8080/game
[Options]
location: true 
variable: bidders=//label[contains(text(), 'Bidder')]/following-sibling::select[1]/option

[FormParams]
num: 5
player1: me
player2: you
player3: them
player4: who
player5: eh

HTTP 200

[Asserts]
xpath "{{bidders}}" count == 5
xpath "string({{bidders}}[1])" == "me"
xpath "string({{bidders}}[2])" == "you"
xpath "string({{bidders}}[3])" == "them"
xpath "string({{bidders}}[4])" == "who"
xpath "string({{bidders}}[5])" == "eh"
    I'm having to relearn xpath, but it's pretty neat
  • a
  • m
    LET US PERAMBULATE
  • m
    (don't read the comments)
  • b
    Where do accordions rank on the [modal—-new-page] spectrum?
  • m

    https://cdn.discordapp.com/attachments/725789747212976259/1110925568985268344/image.png▾

  • q
    I'm in this photo and I don't like it
  • f
    What's the benefit of using "hx-boost"?
  • a
    https://hypermedia.systems/book/hypermedia-systems/#_boosted_links > with a boosted link, the browser is able to avoid any processing associated with the head tag. The head tag often contains many scripts and CSS file references. In the boosted scenario, it is not necessary to re-process those resources: the scripts and styles have already been processed and will continue to apply to the new content. This can often be a very easy way to speed up your hypermedia application.
  • f
    Cool, thank you. Any pitfalls? Does it play nice with JS(ie. document onload)?
  • f
    Actually, just saw on the docs that htmx has it's own onload that I should probably be using.
  • h
    Hello everyone, I’m developing a Springboot application with Thymeleaf+HTMX. My issue is when I click on a button, my htmx content keep the old model.addAttribute(“users”,users); object. Help please.
  • h
  • a
    Probably worth asking in #940241072959922176
  • b
    @mysterious-toddler-20573 where can i cop htmx merch
  • b
    He only sells the HTMX paintbrush. You can use it to create your own merch, on whatever you like
  • f
    Does HTMX swap the whole body out, or just the body's contents? I have an hx-headers attribute on the body which contains a CSRF token and it doesnt seem to be getting updated properly :/
  • f
    Oh, looks like that's documented as a limitation for hx-swap. I guess I'll have to return the CSRF token in a header and use JS to update it.
  • f
    Or I can add a wrapper around the whole body I guess
  • b
    I did order myself this t shirt now.

    https://cdn.discordapp.com/attachments/725789747212976259/1111118764084301954/image0.jpg▾

  • a
    Before we all rush out to make our merch. I should probably point out that one of these logos I contributed was supposed to be a brand jacking of Elixir but due to unforeseen factors (some say late night drinking) was actually a rando life sciences company called Elixir.

    https://cdn.discordapp.com/attachments/725789747212976259/1111177160200294460/IMG_7979.png▾

1...113911401141...1146Latest