adding css class to django inlines fieldset

Question

I would like to specify a css class to the fieldset (or parent divs) for the inlines specified in a ModelAdmin class, similar to what is specified for fieldsets. For example:

class Set2Inline(admin.TabularInline):
    ...

class MyModelAdmin(admin.ModelAdmin):
    fieldsets = [
                ('Set1', {'fields': ['number', 'name', 'etc'], 'classes': ['toggle']})
                ]
    inlines = [Set2Inline]

Is there a way to add a class in similar fashion to 'inlines', such as:

inlines = [
              'Set2', {Set2Inline, 'classes': ['toggle']}
          ]

It doesn't matter if the class is attached to either the fieldset of the inline or its parent divs. What is important is to be able to specify a unique class for each inline in similar fashion to what is done for each fieldset. Is there a way to do this? If it can be done in the Set2Inline class that would be fine as well.

I think you'd have to define your own template based on the built in django/contrib/admin/templates/admin/edit_inline/tabular.html, then either set the template attribute on your Set2Inline or define a new subclass of InlineModelAdmin - I don't see anything in the standard templates that would allow this. — Peter DeGlopper
– Peter DeGlopper, Commented Nov 5, 2013 at 0:26

Gonzalo · Accepted Answer · 2013-11-05 01:25:18Z

2

Like Peter's comment suggests, pretty much the only way you can achieve this is by creating a custom template for Set2Inline based on django/contrib/admin/templates/admin/edit_inline/tabular.html:

# admin.py
class Set2Inline(admin.TabularInline):
    template = 'myapp/templates/myapp/admin/tabular.html'

{# myapp/templates/myapp/admin/tabular.html #}
{% load i18n admin_static admin_modify %}
<div class="inline-group your-class" id="{{ inline_admin_formset.formset.prefix }}-group">
  <div class="tabular inline-related {% if forloop.last %}last-related{% endif %}">
{{ inline_admin_formset.formset.management_form }}
<fieldset class="module your-fieldset-class">
...

An alternative could be adding a javascript file to Media in Set2Inline that adds the classes using jQuery:

class Set2Inline(admin.TabularInline):
    class Media:
        js = 'myapp/admin/addClasses.js',

// myapp/static/myapp/admin/addClasses.js
(function($) {
    $('#mymodel-group').addClass('your-class');
    $('#mymodel-group fieldset.module').addClass('your-fieldset-class');
})(django.jQuery);

edited Nov 5, 2013 at 1:25

answered Nov 5, 2013 at 1:17

Gonzalo

4,2992 gold badges31 silver badges28 bronze badges

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

1 Comment

Peter DeGlopper Over a year ago

Upvoted for expanding my relatively short comment. I'd hope that the jQuery version wouldn't be necessary, since if you can write the correct selectors in jQuery you can probably also write them in your CSS rather than relying on a class name, but that does depend on the exact situation.

Vaibhav Vishal · Accepted Answer · 2018-09-28 11:56:23Z

2

Yes you can,

class Set2Inline(admin.TabularInline):  # extending any admin Inline Class will work AFAIK
    ...
    classes = ['collapse',]
    ...

Working in Django 2.1, not sure added in which version.

answered Sep 28, 2018 at 11:56

Vaibhav Vishal

7,2487 gold badges32 silver badges51 bronze badges

Collectives™ on Stack Overflow

adding css class to django inlines fieldset

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related