Django snippets: Custom CSS class in Form with template tag filter

Custom CSS class in Form with template tag filter

# -*- coding:utf-8 -*-
from django import template

register = template.Library()


@register.filter
def cssclass(form, name_arg):
    """
    Replace the attribute css class for Field 'name' with 'arg'.
    name_args expects format: "attribute_name:special_class"
    """
    name, arg = name_arg.split(':')
    form.fields[name].widget.attrs['class'] = arg

    return form

More like this

Custom CSS class in Form with template tag filter by kegan 3 years, 11 months ago
BetterForm with fieldsets and row_attrs by carljm 4 years, 3 months ago
Dynamically add css-classes to formfields by Lacour 1 year, 10 months ago
Template Filter attr by marinho 5 years ago
Add CSS class template filter by lazerscience 2 years, 6 months ago

It was based in: http://djangosnippets.org/snippets/1586/

Instead of doing this: 'attribute_name = forms.CharField(widget=forms.TextInput(attrs={'class':'special'}))`

You can do this in your template:

{{ form|cssclass:"attribute_name:special_class"|cssclass:"other_attribute:special_class" }}

Author:: fernandogrd
Posted:: October 18, 2011
Language:: Python
Django Version:: 1.2
Tags:: filter templatetag css form class
Score:: 1 (after 1 ratings)

Tools

Comments

ws (on October 19, 2011):

This fuatere is in http://pypi.python.org/pypi/django-widget-tweaks

fernandogrd (on October 19, 2011):

ws, very interesting features in django-widget-tweaks, but it applies only to fields, this one applies for form itself.