Django+HTMX: integration with the messages framework

This repository demonstrates how to use Django's messages framework with HTMX.

This branch shows the HX-Trigger technique, you can find the "OOB swap" technique in the oob branch.

How to run the demo?

pipenv install
pipenv run server

(No need to run migrate since this project doesn't use the database)

Here are the two important pieces of this puzzle:

HtmxMessageMiddleware takes the messages and puts them in the HX-Trigger header
toast.js listens to the messages event and shows the messages as toasts.

Run pip install git+https://github.com/bblanchon/django-htmx-messages-framework.git@hx-trigger to install the package
Add htmx_messages to the INSTALLED_APPS setting
Add htmx_messages.middleware.HtmxMessageMiddleware to the MIDDLEWARE settings
Add {% include 'toasts.html' %} near the end of <body>
Add <script src="{% static 'toasts.js' %}"></script> as the last element of <body>

The files toasts.html and toasts.js are tailored for Bootstrap 5; you'll have to modify them to suit your needs.

Name		Name	Last commit message	Last commit date
Latest commit History 18 Commits
demoapp		demoapp
demoproject		demoproject
htmx_messages		htmx_messages
.gitignore		.gitignore
LICENSE		LICENSE
MANIFEST.in		MANIFEST.in
Pipfile		Pipfile
Pipfile.lock		Pipfile.lock
README.md		README.md
django-htmx-messages-framework.gif		django-htmx-messages-framework.gif
manage.py		manage.py
setup.py		setup.py