Add class to form field Django ModelForm

by

If you can’t use a third-party app and want to add a class (e.g., “form-control”) to every field in a form in a DRY manner, you can do so in the form class __init__() method like so:

class ExampleForm(forms.Form):
    # Your declared form fields here
    ...

    def __init__(self, *args, **kwargs):
        super(ExampleForm, self).__init__(*args, **kwargs)
        for visible in self.visible_fields():
            visible.field.widget.attrs['class'] = 'form-control'

You might need to handle checking for existing classes in attrs too, if for some reason you’ll be adding classes both declaratively and within __init__(). The above code doesn’t account for that case.

Worth mentioning:

You specified that you don’t want to use third-party packages. However, I’ll take one second to mention that one of the simplest ways of automatically making forms render in the style of Bootstrap is to use django-crispy-forms, like this:

# settings.py
CRISPY_TEMPLATE_PACK = 'bootstrap3'

# forms.py
from crispy_forms.helper import FormHelper
class ExampleForm(forms.Form):
    # Your declared form fields here
    ...
    helper = FormHelper()

# In your template, this renders the form Bootstrap-style:
{% load crispy_forms_tags %}
{% crispy form %}

More Related Contents:

  1. Applying bootstrap styles to django forms
  2. Django: How do I add arbitrary html attributes to input fields on a form?
  3. Grouped CheckboxSelectMultiple in Django template
  4. Django templates: verbose version of a choice
  5. Get type of Django form widget from within template
  6. Numeric for loop in Django templates
  7. Django Forms: if not valid, show form with error message
  8. Can I access constants in settings.py from templates in Django?
  9. How to concatenate strings in django templates?
  10. How can I change the default Django date template format?
  11. Django ModelChoiceField: filtering query set and setting default value as an object
  12. Django – iterate number in for loop of a template
  13. How do I add multiple arguments to my custom template filter in a django template?
  14. Django/jQuery Cascading Select Boxes?
  15. Initial populating on Django Forms
  16. Django multi-select widget?
  17. How do I add a Foreign Key Field to a ModelForm in Django?
  18. Django form with choices but also with freetext option?
  19. Django – Simple custom template tag example
  20. How can I restrict Django’s GenericForeignKey to a list of models?
  21. Django – Overriding the Model.create() method?
  22. How to access outermost forloop.counter with nested for loops in Django templates?
  23. How to get URL of current page, including parameters, in a template?
  24. {% include %} vs {% extends %} in django templates
  25. How to set css class of a label in a django form declaration?
  26. resize image on save
  27. Using AuthenticationForm in Django
  28. How to iterate over nested dictionaries in django templates
  29. ModelForm with OneToOneField in Django
  30. How do I display the value of a Django form field in a template?

Leave a Comment