Applying bootstrap styles to django forms

by

If you prefer not to use 3rd party tools then essentially you need to add attributes to your classes, I prefer to do this by having a base class that my model forms inherit from

class BootstrapModelForm(ModelForm):
    def __init__(self, *args, **kwargs):
        super(BootstrapModelForm, self).__init__(*args, **kwargs)
        for field in iter(self.fields):
            self.fields[field].widget.attrs.update({
                'class': 'form-control'
            })

Can easily be adjusted… but as you see all my field widgets get the form-control css class applied

You can extend this for specific fields if you wish, here’s an example of an inherited form having an attribute applied

class MyForm(BootstrapModelForm):
    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.fields['name'].widget.attrs.update({'placeholder': 'Enter a name'})

More Related Contents:

  1. Django: How do I add arbitrary html attributes to input fields on a form?
  2. Add class to form field Django ModelForm
  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. Creating a dynamic choice field
  7. Django Forms: if not valid, show form with error message
  8. Rendering a template variable as HTML
  9. How to add url parameters to Django template url tag?
  10. How can I change the default Django date template format?
  11. Django form field choices, adding an attribute
  12. Need to convert a string to int in a django template
  13. Use variable as dictionary key in Django template
  14. What is a context in Django?
  15. How do I add multiple arguments to my custom template filter in a django template?
  16. Create Custom Error Messages with Model Forms
  17. Putting a django login form on every page
  18. Get list item dynamically in django templates
  19. Django: How to get current user in admin forms?
  20. Django templates – split string to array
  21. Django multi-select widget?
  22. Access kwargs from a URL in a Django template
  23. Django forms request.user
  24. Django unique_together with nullable ForeignKey
  25. Django’s forms.Form vs forms.ModelForm
  26. Using AuthenticationForm in Django
  27. How to iterate over nested dictionaries in django templates
  28. ModelForm with OneToOneField in Django
  29. How do I display the value of a Django form field in a template?
  30. How do you limit list objects template side, rather than view side

Leave a Comment