adding form styling to django forms

Question

I am currently in the process of adding a theme to the admin of django one issue I have found it adding styling to the forms is that it is very difficult and I can't find much useful documentation on it. The only real thing I need to do is add classes to the form elements so that they match the theme I am using is this possible and if so how would you go about doing it the code I am currently using is very basic and the basic code included in the standard theme does anybody know how to add classes to these standard bits of code bellow is what I have.

  {% if is_popup %}
        <input type="hidden" name="_popup" value="1" />
  {% endif %}
  {% if save_on_top %}
        {% block submit_buttons_top %}
            {% submit_row %}
        {% endblock %}
  {% endif %}
  {% if errors %}
        <p class="errornote">
                {% blocktrans count counter=errors|length %}
                     Please correct the error below.
                     {% plural %}
                     Please correct the errors below.
                {% endblocktrans %}
        </p>
        {{ adminform.form.non_field_errors }}
  {% endif %}

 {% block field_sets %}
        {% for fieldset in adminform %}
                {% include "admin/includes/fieldset.html" %}
        {% endfor %}
 {% endblock %}

 {% block after_field_sets %}{% endblock %}

 {% block inline_field_sets %}
        {% for inline_admin_formset in inline_admin_formsets %}
                {% include inline_admin_formset.opts.template %}
        {% endfor %}
 {% endblock %}

 {% block after_related_objects %}{% endblock %}

 {% block submit_buttons_bottom %}
        {% submit_row %}
 {% endblock %}

MBrizzle · Accepted Answer · 2014-07-04 20:15:48Z

1

There are a lot of ways to do this, but certainly one way would be to overwrite all the widgets in your ModelAdmin rather than in the template. That could look something like this:

from django.db import models
from django.contrib import admin
from django.forms.extras.widgets import TextInput

class MyModelAdmin(admin.ModelAdmin):
    formfield_overrides = {
        models.TextField: {'widget': TextInput(attrs={'class':'my-widget-class'},)},
    }

You'd have to go through and do that for each widget, but then they'd have the appropriate classes -- at least for that modelAdmin.

answered Jul 4, 2014 at 20:15

MBrizzle

1,8231 gold badge21 silver badges33 bronze badges

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

7 Comments

bobthemac Over a year ago

Just wondering but where would the best place be to put this file does it need to go in an specific place.

MBrizzle Over a year ago

Yeah, this code would have to go in the admin.py file for whatever relevant app. I assume most of your models have a modelAdmin in their admin.py file, so you would want to add the formfield_overrides for each of those. More information [in the docs].(docs.djangoproject.com/en/dev/ref/contrib/admin/…)

bobthemac Over a year ago

OK so there is no way to do a global change I can only change it for each individual model.

MBrizzle Over a year ago

Oh, no. I'm not going to go so far as to say there is NO way to do it globally. But one didn't immediately come to my mind, and as a stopgap measure this method should work.

bobthemac Over a year ago

Ok thanks sorry to bother you again but what if I want to apply this to a models like the default user model

|

Collectives™ on Stack Overflow

adding form styling to django forms

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related