0

I want to add some html element (button, "a" tag, etc ) to a django admin page. How can i do it? Please help.

4 Answers 4

1

Not sure where you want to add your stuff but this is a solution I found somewhere else on SO to change the HTML of a FileField (in my case i wanted to display the current image in an ImageField).

In other words you can make a widget that modifies the html of the field you want to customize:

# Widget that modifies the output of a FileField
class OutputWidget(AdminFileWidget):
    # Overloaded django magic
    def render(self, name, value, attrs=None):
        output = []
        # This is the place where we edit the output    
        if value and getattr(value, "url", None):
            image_url = value.url
            output.append(u' <a href="%s" target="_blank"><img src="%s" alt="%s" /></a>' % (image_url, image_url, image_url))
        output.append(super(AdminFileWidget, self).render(name, value, attrs))
        return mark_safe(u''.join(output))

# ModelAdmin class that is applied to the model
class MyModelSettings(admin.ModelAdmin):
    # Overloaded django magic
    def formfield_for_dbfield(self, db_field, **kwargs):
        # Look for the field we want to edit and register the widget with it
        if db_field.name == 'nameOfFieldIWantToEdit':
            request = kwargs.pop("request", None)
            kwargs['widget'] = OutputWidget
            return db_field.formfield(**kwargs)
        return super(MyModelSettings,self).formfield_for_dbfield(db_field, **kwargs)

# Register my overloaded settings with the model
admin.site.register(MyModel, MyModelSettings)

The code goes into admin.py where you register your models.

0

From the docs:

0

I used Omokoli's solution from above but to make the field use my custom widget I did:

class MyModelAdminForm(forms.ModelForm):
    class Meta:
        model = get_model('myapp', 'mymodel')
        widgets = {
            'original_link': OutputWidget,
        }
0
  1. You can create a file under templates/admin called base_site.html (create the "admin" folder in your app).
  2. add this code:
{% extends "admin/base_site.html" %}
{% load i18n %}


{% block userlinks %}
{% if site_url %}
    <a href="{{ site_url }}">{% trans 'View site' %}</a> /
{% endif %}
{% if user.is_active and user.is_staff %}
    {% url 'django-admindocs-docroot' as docsroot %}
    {% if docsroot %}
        <a href="{{ docsroot }}">{% trans 'Documentation' %}</a> /
    {% endif %}
{% endif %}
{% if user.has_usable_password %}
<a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a> /
{% endif %}
<a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a>

<!-- YOUR CUSTOM CODE HERE -->
<div class="your_custom_class">
    <a href="{% url 'your_app:yourlink1' %}">{% trans 'your link 1' %}</a> /
    <a href="{% url 'your_app:yourlink2' %}">{% trans 'your link 2' %}</a>
</div>

{% endblock %}

You can overwrite a lot of the admin html files. Make sure you extends the html you are overwriting, not to loose basic functionality.

See customize-django-admin-python for full admin templates tree you can overwrite.

You can also look at the base_site.html in Django project in Github. You'll find all of the "base_site" blocks you can plant your custom code in.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.