django apply widget for all fields

Question

Is there a way to apply css class to ALL fields instead of doing the following for every single field.
forms.py

class UserColorsForm(forms.ModelForm):

    class Meta:
        model = UserColors
        exclude = ('userid',)
        widgets = {
            'text_color': forms.TextInput(attrs={'class': 'color'}),
            'background_color': forms.TextInput(attrs={'class': 'color'}),
            ... 10 more
        }

score 4 · Accepted Answer · answered Dec 28 '14 at 22:05

4

This should work

def __init__(self, *args, **kwargs):
    super(UserColorsForm, self).__init__(*args, **kwargs)
    for field in self.fields: 
        field.wiget.attrs['class'] = 'color'

answered Dec 28 '14 at 22:05

Mihai Zamfir

2,167
4
22
37

Thanks for the response. This one works: for field in self: field.field.widget.attrs['class'] = 'color' – deathangel908 Dec 29 '14 at 09:24
that's strange, I'm pretty sure the proposed solution is the correct one. What error do you get? – mbrochh Dec 29 '14 at 11:46
self.fields iterates over fields' strings values. self iterates over unbound fields. I'm using django 1.7. – deathangel908 Dec 29 '14 at 14:18
This one didn't work for me. I did `for key in self.fields.keys(): self.fields[key].attrs.update({'class': 'my-class'})`, and it worked – harryghgim Nov 29 '20 at 11:17

score 4 · Answer 2 · answered Jul 30 '20 at 15:33

4

To update Mihai's answer, the way is:

def __init__(self, *args, **kwargs):
    super(YourForm, self).__init__(*args, **kwargs)
    for field in self.fields:
        self.fields[field].widget.attrs.update({'class': 'myfieldclass'})

answered Jul 30 '20 at 15:33

vrnvorona

397
3
8

James · Answer 3 · 2014-12-28T22:08:26.993

Try to iterate the form fields:

css1 = {'class': 'color', }
css2 = {'class': 'nocolor', }
class UserColorsForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super(UserColorsForm, self).__init__(*args, **kwargs)
        for key, value in self.fields.iteritems():
            if key in ['field1', 'field2', ...]: # You can define a 
                # subset of fields in a list to selectively apply css classes, 
                # OR just iterate and apply to everything 
                # (take out the if-else statement)
                self.fields[key].widget.attrs.update(css1)
            else:
                self.fields[key].widget.attrs.update(css2)

django apply widget for all fields

3 Answers3