Alinear los botones de radio horizontalmente en formularios django

Question

HI

Quiero alinear los botones de radio horizontalmente. Por defecto, los formularios django se muestran en formato vertical.

feature_type = forms.TypedChoiceField(choices = formfields.FeatureType, widget = forms.RadioSelect) 

¿Hay algún parámetro especial que podamos aprobar para la alineación de botones de radio?

Gracias de antemano

Answer 1

Eso es el comportamiento de la RadioField. Si quieres que vuelve horizontal, crear un renderizador horizontal, como algo de la siguiente manera:

from django.utils.safestring import mark_safe 

class HorizontalRadioRenderer(forms.RadioSelect.renderer): 
    def render(self): 
    return mark_safe(u'\n'.join([u'%s\n' % w for w in self])) 


class ApprovalForm(forms.Form): 
    approval = forms.ChoiceField(choices=APPROVAL_CHOICES, 
       initial=0, 
       widget=forms.RadioSelect(renderer=HorizontalRadioRenderer), 
           ) 

Answer 2

forms.RadioSelect modificación:

class HorizontalRadioSelect(forms.RadioSelect): 

    def __init__(self, *args, **kwargs): 
     super().__init__(*args, **kwargs) 

     css_style = 'style="display: inline-block; margin-right: 10px;"' 

     self.renderer.inner_html = '<li ' + css_style + '>{choice_value}{sub_widgets}</li>' 

Trabajar con el Python 3.4 con el administrador del standart Django 1,10

y el Django-Traje (http://djangosuit.com/) (se utiliza Bootstrap`s 2 estilos)

No se ha probado para el Django-Grappelli, todavía.

Answer 3

De acuerdo con the Django docs 'attrs' es un diccionario que contiene los atributos HTML que se establecerán en el widget representado.

Con esto en mente una solución simple basada forma sería algo como lo siguiente:

feature_type = forms.TypedChoiceField(
    choices = formfields.FeatureType, 
    widget = forms.RadioSelect(attrs={ 
     'display': 'inline-block' 
    }) 
)