Skip to content Skip to sidebar Skip to footer

Add Custom Button To Django Admin Panel

I want to add button to admin panel to my model, I have overwrite template (path: templetes/admin/myapp/mymodel/change_list.html) change_list.html {% extends 'admin/change_list.htm

Solution 1:

It works as below ("Import" button right side).

enter image description here

Django = 1.11

admin/change_list.html: Add the URL with "admin:". Otherwise, it will not resolve the URL.

{% extends"admin/change_list.html" %}
{% load i18n admin_static %}

{% block object-tools-items %}
{{ block.super }}
<li>
    <ahref="{% url 'admin:myurl' %}"class="btn btn-high btn-success">Import</a>
</li>
{% endblock %}

admin.py: Add the custom template URL

class ImportAdmin(admin.ModelAdmin):
    change_list_template = 'admin/myapp/mymodel/change_list.html'

Django >1.8

settings.py: TEMPLATE_LOADERS deprecated. Set TEMPLATES as below.

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': False,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
            'loaders': [
                'admin_tools.template_loaders.Loader',
                ('django.template.loaders.cached.Loader', [
                    'django.template.loaders.filesystem.Loader',
                    'django.template.loaders.app_directories.Loader',
                ]),
            ],

        },
    },
]

Solution 2:

Another option for adding a button would be to use django-object-actions.

First, install it: pip install django-object-actions. (Also add django-object-actions to your requirements file if you have one).

Second, add django_object_actions to your INSTALLED_APPS.

You can then use it in your admin.py like so:

from django.contrib import admin
from django_object_actions import DjangoObjectActions

classImportAdmin(DjangoObjectActions, admin.ModelAdmin):
    defimport(modeladmin, request, queryset):
        print("Import button pushed")

    changelist_actions = ('import', )

You should now see an Import button in the admin, and when pressed, the import function defined in ImportAdmin will be called.

For more information please refer to: https://github.com/crccheck/django-object-actions

Solution 3:

You will be able to see the button next to Add button at the top of list page with the following content.

{% extends"admin/change_list.html" %}
{% load i18n admin_static %}

{% block object-tools-items %}
    {{ block.super }}
    <li>
        <ahref="{% url 'myurl' %}"class="btn btn-high btn-success">Import</a>
    </li>
{% endblock %}

Post a Comment for "Add Custom Button To Django Admin Panel"