About Combined Asset Media

When you have multiple forms or formsets with the same JavaScript widgets, you shouldn't include asset media separately in your template:

1
2
3

{{ form.media }}
{{ formset1.media }}
{{ formset2.media }}

This would duplicate the CSS files and JavaScripts and would cause double initialization of those shared widgets.

Instead, combine the media objects in the view as follows:

context = {
    "form": form,
    "formset1": formset1,
    "formset2": formset2,
    "combined_media": form.media + formset1.media + formset2.media,
}

and use the combined media in the template:

1	`{{ combined_media }}`

Tips and Tricks Programming Django 4.x Django 3.2 Django 2.2 Django 1.11 Django 1.8

Also by me

Django GDPR Cookie Consent app

For Django websites that use cookies.

my dev product

my book

Django 3 Web Development Cookbook

Learn how to build practical web projects with Django 3.

my SaaS

Strategic prioritizer "1st things 1st"

Helps make difficult choices at ease.

For you and your best friends.