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

Honeypot Field by SmileyChris 6 years, 2 months ago
Convert XHTML-compatible shorttag to HTML-compatible tag. by clamothe 5 years, 1 month ago
Add CSS class template filter by lazerscience 2 years, 7 months ago
Simple Entity Relationship Diagram using GraphViz by bendavis78 4 years, 1 month ago
Natural language date/time form fields by jdriscoll 6 years 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