Django snippets: custom css classes for newforms

calendar_widget = forms.widgets.TextInput(attrs={'class':"vDateField required", 'size':10})

class ERSelectForm(forms.Form):
    """
    Allow for selection of dates
    """
    start_date = forms.DateField(widget=calendar_widget)
    end_date = forms.DateField(widget=calendar_widget)

More like this

custom DateField format widget by Gandalfar 5 years, 2 months ago
Natural language date/time form fields by jdriscoll 4 years, 11 months ago
ActiveManager: filter objects depending on publication and/or expiration dates by haplo 3 years, 10 months ago
Honeypot Field by SmileyChris 5 years, 2 months ago
Pass db.Field to newforms.Widget by guettli 4 years, 10 months ago

This isn't really any trick, its just that I didn't find any documentation of this or any references in searching. There are a few changes proposed for css classes which might make this redundant, but for now this works!

If you want to add attributes for any fields, just include them in the widget constructor. They get written out in key value pairs when the input field is being created. e.g. in the example above, this will come out like: '<input type="text" name="start_date" id="id_start_date" class="vDateField required" size="10"/>'

Author:: robharvey
Posted:: May 14, 2007
Language:: Python
Django Version:: .96
Tags:: newforms css
Score:: 1 (after 1 ratings)

Django snippets

custom css classes for newforms

More like this

Tools

Comments

Snippets

About