check this out

will do, thanks

Hi. I am trying to build a calendar app similar to google-calendar in Django with HTMX. The general approach is that there is a background CSS grid onto which the events divs are placed by mapping the event times to the grid rows. Right now I am doing this server-side. When the template is rendered, the divs are already placed. But I am confused about adding or editing events from the client-side. Should I talk with the server in JSON? The way I understand this is that the calendar grid should remain as it is and javascript should get events data dynamically and display it as event divs onto the grid. But this goes against the HTMX philosophy of returning HTML from the server. Should I refresh the whole calendar container div after an add/edit event? If I do that I won't be able to implement a click&drag feature for the events. I am confused. What are your thoughts?

I think submitting json is fine, although it might be more htmx-y to use form data

For loading data in I think you could just have one oob swap per event

Will events span multiple days?

If an event won’t span multiple days, and if you have each div inside your grid an “id” that holds events for that day, you could return a success message plus another div with the hx-swap-oob to replace just that one div inside of your calendar div

Yes, but although the event can span multiple days, each day has a separate instance in db and in the interface, a separate div(just like g cal)

Hey guys, I installed django-htmx, downloaded the htmx.min.js file from UNPKG and put it in my static folder, but I get an error in the console.

If I install via CDN, HTMX works fine.

Ah, I found my problem. I downloaded the page, not just the JS file. lol

How do people approach Django views with htmx? E.G. a full page that has a fragment(s) within it. We write a view for the whole page (called on first page load), then write separate views for any fragments on that page. This results in quite a bit of repeated code to provide the correct context to each view. Any thoughts / experiences / solutions?

I've seen one approach which is surrounding your site chrome with if tags

And then choosing in the view a different template like so: https://django-htmx.readthedocs.io/en/latest/tips.html#partial-rendering

I need to learn how to respond to invalid data in a django form.

I have a contact form with a confirmation step.

The code looks like this.

During the confirmation step, the form is validated by Django.

Oh, I think I got it.

Got my contact form working perfect with a touch of hyperscript. 💪

Thanks for sharing @hundreds-camera-24900

Hi all -- I'm building a django app and I want to change an link to use hx-put instead of get and return a normal response..in this case a csv. How do I do this?

if you want it to download the file, ajax won't work unfortunately, you'll need to keep it a "normal" link

Has anyone ever created a message in a test outside of a view? I've always done the thing where you post a form and then test that the message was created

but I want to test the display in a general case so I need to progrmatically create a message

first try is:

python
    def test_initial_load(self):
        request = self.factory.get('/')
        messages.success(request, 'this is a test message')

        page = self.context.new_page()
        page.goto(f"{self.live_server_url}{self.url}", wait_until="networkidle")
        locator = page.locator('#messages')
        expect(locator).to_be_visible()

which fails because the requestFactory doesn't do middleware, so the message can't be created due "django.contrib.messages.api.MessageFailure: You cannot add messages without installing django.contrib.messages.middleware.MessageMiddleware"

Hi everyone! I'm learning HTMX and using it alongside django for an application. I'm having a bit of a problem with hx-prompt. I need to pass the prompt text inside hx-vals for the django view - it will be the name of a model to be saved. I've read the documentation regarding hx-prompt and the dialogs example, but for it to work like that I would need to use a div with display:none, and another requisition with hx-trigger='change' on the div, which would be double the code. In short, is there any way to pass a text the user sends through prompt directly in the same requisition?

Can you read it server-side from the HTTP headers? https://htmx.org/attributes/hx-prompt/

this should help