Assign html class to generated Django form input elements

Question

I have this form:

class ZeroIntegrationConfigForm(ModelForm):
class Meta:
    model = ZeroIntegrationEntry
    fields = ['tab_title', 'description', 'country', 'operations',
              'locale', 'company_name']

That I generate with:

  <form method="post">{% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Save">
  </form>

But I can't figure out / find how to assign html class to each input element generated, is the only way to do this writing the html manually for each element?

read about widget_tweaks and use {% render_field field_name class+='your_class' %} — token
– token, Commented Jul 10, 2020 at 7:04
or you can also apply classes directly inside ModelForm using widgets — token
– token, Commented Jul 10, 2020 at 7:06

babak gholamirad · Accepted Answer · 2020-07-10 07:14:29Z

1

you can add init to your ModelForm like this:

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

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

if you want to set a different class for each tag you can add ' if ' in the ' for '

answered Jul 10, 2020 at 7:14

babak gholamirad

5685 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Assign html class to generated Django form input elements

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related