Its legit lol

Use that WAL mode tho

I don’t have a web application, I just have a frontend making requests to a SQLite database on

.mode html

😂

This isn't exactly HTMX specific, but having started learning web development, a gap in my understanding is still definitely what it takes to take an application made with web tech (like htmx and a back end) and get it to run on mobile devices, and be allowed in app stores. It seems like there are some options like Ionic Capacitor and Cordova that make this possible, but I don't understand what these really add or why they're required to get a web-stack application running on mobile? I know they offer the ability to define separate components that look like the native components of each respective target platform, but say you didn't need everything to look different on different platforms, what else is needed to run a web tech application on mobile? I've also had a hard time understanding specifically what's allowed on the Apple store, as it seems there is a lot of conflicting info on that Apple doesn't allow SPAs, but how would something made with Cordova or Capacitor be any different? I've been playing with making some things using HTMX and Biff (a lightweight Clojure back end) and wanted to assess if it is possible to run it on other platforms, or if I needed to look at something totally different like .NET's Blazor/ Bolero that can run C# or F# via Web Assembly or inside of their new .NET Maui platform (which again I don't totally understand what it adds.) I love HTMX so far, but am looking for a way to apply one core language to the farthest possible reach (web / mobile / desktop) with a similar code base. Hoping to use HTMX, otherwise will probably go with either Blazor + Maui or a Quasar front end. Thanks!

Mobile

Hi

What do you suggest todo if I must change this property to submit a HTTP Post

HX-Current-URL

from a HTML Form page ?

How to include event details in request? I tried this but the event is undefined:

applescript
hx-vals='js:{"width":event.width}'

Event is triggered in the script:

applescript
script="on mutation send resize(width: event.target.style.width)"

i believe it's event.details.width

or event.detail.width

i can never remember if it's plural

event is undefined

oh right

well this works

not sure why event would be undefined in your case

are there any logs?

You are right, it works. But for some reason event was showing as undefined

Thank you @ripe-action-67367

Is there a way to troubleshoot error HTTP 400 ?

I included an

edit

button in a screen

<li class="list-inline-item">
                <button class="btn btn-success btn-sm rounded-2" type="button"
                        title="Edit"
                        href="/credentials/credential/{credential.id}"
                        hx-get="/credentials/credential/{credential.id}"
                        hx-replace-url="/credentials/new"
                        hx-push-url="false"
                        hx-swap="outerHTML"
                        hx-target="#base">Edit</button>
            </li>

containing a list of items. The beginning of the HTML page includes a

<div id="base"

that I use to replace using

hx-swap=outerHTML

the content (= HTML Form content) returned from a HTTP Get. Visually, I see the form with the fields to be edited witin my browser but If I look to the source (= HTML Page source), the HTML that I got is the HTML of the screen including the list of the items and not he Form. What should I do to get the proper HTML ?

Fixed after

hx-push-url="false"

->

hx-push-url="true"

How can I fix such HTTP 400 error ?

What is your back end?

has anyone done any work with htmx using cloudflare workers?

i am using

slick

by

kenwheeler

for a carousel in a django school project. Currently i am trying to implement an infinite scroll and i am able to do so but when new contents are added to they are not 'carouseled'. I know i need to initialize

slick

again using

htmx.onLoad

but it didn't worked. So far i did this

htmx.onLoad(function(document) {
	$('.post-meta').slick({
		dots: true,
  		infinite: true,
  		speed: 300,
  		slidesToShow: 1,
  		adaptiveHeight: true
    });
})

But it's just not working

Can anyone help ?

The jquery selection needs to target a parent of the dynamically swapped element iirc

$('parent-selector').on('event-name','child-selector', function() {
// Statement
});