py4web using htmx demo app

[Jim Steil]

I've updated my py4web_htmx_demo app to work with the latest py4web form changes and to make the htmx autocomplete more flexible.

https://github.com/jpsteil/py4web_htmx_demo

I'm hoping some find this useful. I'm really enjoying not having to code any javascript but still getting the benefits of dynamic html updates.

-Jim

[Kevin Keller]

Thank you for sharing this Jim. 

This is an amazing sample app and with your custom widget it's really powerful. 

Being able to avoid JS is a huge productivity boost, plus it needs to special server side code either to make it work. 

It's very well done and speaking for me a huge help. 

--
You received this message because you are subscribed to the Google Groups "py4web" group.
To unsubscribe from this group and stop receiving emails from it, send an email to py4web+un...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/py4web/dcdb0da7-ee01-4f7e-9d69-536d910cf713n%40googlegroups.com.

[Massimo]

Could you add a link with a brief description in the docs in the new chapter 16?

[Jim Steil]

We have this down as a line item for our doc sprint.

-Jim

[E L]

So I'm only a couple of years late seeing your message... Thank you so much for this demo. Recently, I'd been scratching around for a framework to build some internal apps, and have been looking at py4web. If the latter were to have a more visual way to build htmx based pages, then I think it would be a killer platform for those looking for a lighter weight framework.

[Jim Steil]

The py4web/htmx combo work great for internal apps.  Easy and quick to develop.  Gives all the 'reactive' feel of a JS front-end without all the coding.

I'm a little confused by this statement:

-- If the latter were to have a more visual way to build htmx based pages, then I think it would be a killer platform for those looking for a lighter weight framework.  --

py4web provides utilities that allow you to build htmx based pages.  Is there something specific you're looking for that is not offered?

-Jim

[E L]

I was just thinking that a way to position form and page elements for a chosen CSS scheme, and then visualize the templates/pages (basically a drag-and-drop GUI) would be nice. Right now, one has to hand code everything, then use a browser to render the appearance to check. I haven't really thought hard about this, so this is just wishful thinking.

[Jim Steil]

I'm not a big fan of drag-n-drop gui builders.  I'm sure there are some good ones out there,  but I haven't spent the time looking.

Instead, I think py4web does a good job of allowing you to customize what a standard form should look like and then will use that standard form formatting for all the forms it builds.  There will always be non-standard forms, but it also allows you to build those using the 'custom' form concepts.

Just my thoughts on it

-Jim

[E L]

Indeed... drag-and-drop GUI builders can be quite slow to use... all the mousing and clicking can be quite hard on the wrists. Still, there is a place for a more visual approach, I just don't know what would work in the context of py4web and htmx...

[E. B.]

The example is great. It's exactly what I'm looking for. Unfortunately, I haven't understood the implementation very well so far. Is it possible to implement autocomplete function in a form for a single field? Do I need htmx.py? How can I access my table of entries?

[Jim Steil]

I don't remember if there is another implementation of an autocomplete in py4web without htmx.

But, in my opinion (I know, everyone has one), htmx is a good thing to learn to keep your development clean while being able to add reactive components to a web app. Again, this is my opinion, not necessarily that of py4web and/or Massimo.

I'd start learning by going through the simple examples at https://htmx.org/examples/

-Jim

--
You received this message because you are subscribed to a topic in the Google Groups "py4web" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/py4web/Ps9YFl0tytA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to py4web+un...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/py4web/7e85fcab-f343-43dd-9dcf-96ca866166b6n%40googlegroups.com.