Login

Custom CSS class in Form with template tag filter

Author:
fernandogrd
Posted:
October 18, 2011
Language:
Python
Version:
1.2
Score:
1 (after 1 ratings)

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" }}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
# -*- 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

  1. Add Toggle Switch Widget to Django Forms by OgliariNatan 1 month, 4 weeks ago
  2. get_object_or_none by azwdevops 5 months, 2 weeks ago
  3. Mask sensitive data from logger by agusmakmun 7 months, 2 weeks ago
  4. Template tag - list punctuation for a list of items by shapiromatron 1 year, 9 months ago
  5. JSONRequestMiddleware adds a .json() method to your HttpRequests by cdcarter 1 year, 9 months ago

Comments

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.

#

Please login first before commenting.