Login

Horizontal RadioSelect widget

Author:
gnrfan
Posted:
February 27, 2012
Language:
Python
Version:
1.3
Score:
0 (after 0 ratings)

The problem with Django's default Radio button widget is that it puts the buttons in a vertical format and the documentation is somewhat silent on how to make them horizontal. If you are dealing with a long list of buttons then veritical is probably the way to go but if you are dealing with "YES/NO" situation or any other boolean choice then you will probably want them horizontal.

Basically I just took the code and even the explanation from here:

https://wikis.utexas.edu/display/~bm6432/Django-Modifying+RadioSelect+Widget+to+have+horizontal+buttons

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
from django.forms.widgets import RadioSelect

class HorizRadioRenderer(RadioSelect.renderer):
    """ this overrides widget method to put radio buttons horizontally
        instead of vertically.
    """
    def render(self):
            """Outputs radios"""
            return mark_safe(u'\n'.join([u'%s\n' % w for w in self]))

class HorizRadioSelect(RadioSelect):
    renderer = HorizRadioRenderer

More like this

  1. find even number by Rajeev529 2 weeks, 1 day ago
  2. Form field with fixed value by roam 1 month ago
  3. New Snippet! by Antoliny0919 1 month, 1 week ago
  4. Add Toggle Switch Widget to Django Forms by OgliariNatan 4 months ago
  5. get_object_or_none by azwdevops 7 months, 3 weeks ago

Comments

Please login first before commenting.