django admin custom css only in changeview

Question

I need to have bootstrap css in django admin, but only in change view, not list view. If I use

    class Media:
    css = {
        'all': ('tagsinput/bootstrap-tagsinput.css', 'bootstrap-3.3.7-dist/css/bootstrap.css',)
    }

It affects both views and breaks some elements in list view. How can I do that?

It works, but I'm searching for a better solution. Overriding a template affects all adminModels, but I want to have that css only in one adminModel's changeView — ზურა კუპატაძე
– ზურა კუპატაძე, Commented Jun 21, 2019 at 12:19
If you check that link from django documentation you will see you can have it for specific model. You did not share the model path of your code but let's say your model named FooModel is in package Foo, the correct path would be {templates_dir}/admin/foo/foomodel/change_list.html — preator
– preator, Commented Jun 21, 2019 at 14:40

preator · Accepted Answer · 2019-06-21 14:42:41Z

1

Easiest way is to override change_list template by your own. Create folder called admin in your templates folder. Then if you want to have it global effect, create change_list.html file there.

{% extends "admin/change_list.html" %}
{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static "/css/your_style.css" %}">
{% endblock %}

EDIT: If you have model FooModel in package Foo, where you want to apply this css, place the file to {template_dir}/admin/foo/foomodel/change_list.html, if you want it for whole package {template_dir}/admin/foo/change_list.html

edited Jun 21, 2019 at 14:42

answered Jun 20, 2019 at 14:40

preator

1,0396 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

preator Over a year ago

more reference here: docs.djangoproject.com/en/2.2/ref/contrib/admin/…

Collectives™ on Stack Overflow

django admin custom css only in changeview

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related