How can I add a class attribute to all my forms widgets automatically in Django?

Question

I would like that every time I create a form with django the tag input includes a specific css class (form-control), to do this I have to write in form.py the following code, adding lines for each field:

class InsertItem(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.fields['name'].widget.attrs.update({'class': 'form-control'})
        self.fields['price'].widget.attrs.update({'class': 'form-control'})

Is there a way to force Django to include the css class that I need in every form, without having to write that things for each from and each line?

it would be much easier to do it with javascript if you want all of them to share the same class — stats con chris
– stats con chris, Commented Feb 14, 2023 at 10:48

Daniel Roseman · Accepted Answer · 2019-09-10 14:07:35Z

4

Write a common base class that updates every field:

class StylishForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for field in self.fields.values():
            field.widget.attrs.update({'class': 'form-control'})

and inherit from it:

class InsertItem(StylishForm):
   ...

edited Sep 10, 2019 at 14:07

answered Sep 10, 2019 at 14:02

Daniel Roseman

602k68 gold badges911 silver badges924 bronze badges

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

2 Comments

Bob Rob Over a year ago

I am learning now django/python, so I don't understand, isn't BaseForm a "default" class included in django? So you suggest to override BaseForm?

Daniel Roseman Over a year ago

Call it whatever you like; I've updated the name. The point is that you inherit from that rather than the basic ModelForm.

linizio · Accepted Answer · 2019-09-10 15:01:35Z

0

I am using django-widget-tweaks application to add class attribute.

install application
create form just modelForm

class InsertItem(forms.ModelForm):
    class Meta:
        model = modelName

use application in template code

{% load widget_tweaks %}

<form method="post">
{% csrf_token %}
{% for field in form %}
    {% render_field field class="form-control" %}
{% endfor %}
</form>

{% load widget_tweaks %} : load application to use it

{% render_field : command
field : field name to add class
class="form-control" %} : attribute

answered Sep 10, 2019 at 15:01

linizio

1856 bronze badges

Collectives™ on Stack Overflow

How can I add a class attribute to all my forms widgets automatically in Django?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related