Align radio-buttons horizontal in django Formen

HALLO

Will ich richten Sie die radio-buttons horizontal. Standardmäßig django Formen zeigt im vertikalen format.

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

Gibt es einen speziellen parameter, die wir übergeben können, für radio-buttons ausrichten?

Vielen Dank im Voraus

Ich denke, das ist eher ein CSS-problem als Django. Vielleicht können Sie eine Klasse hinzufügen, um die radio-buttons und sagen " float:left; in der css-radio-button-Klasse.
Ich habe es gegoogelt und ich fand einen link, wo ich konnte nicht in der Lage, damit es funktioniert. wikis.utexas.edu/display/~bm6432/.... Ich werde versuchen, fügen Sie den css-und wird Sie wissen lassen, ob es behebt. Dank geekam

InformationsquelleAutor vkrams | 2011-05-09

22

Ist das Verhalten der RadioField. Wenn Sie wollen, dass es gerendert horizontal, erstellen eine horizontale renderer, wie etwas, das Sie wie folgt vor:
```
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),
                                 )
```
- Hey lakshman, wenn ich führen Sie den obigen code immer Fehler mark_safe ist nicht definiert. Wenn Sie helfen können, dies wäre agreat Hilfe
- Sollten Sie importieren, die von Django.Vorlagen
- Cool seine Arbeitsmethoden in Ordnung laxman. Danke für die Hilfe 🙂 für mark_safe zu arbeiten, habe ich importiert: from django.utils.safestring import mark_safe
- Da Django 1.11, dies gibt mir eine Fehlermeldung bei forms.RadioSelect.renderer: "geben Sie das Objekt 'RadioSelect' hat kein Attribut 'renderer'".
- Ich habe den gleichen Fehler "der Typ object 'RadioSelect' hat kein Attribut 'renderer'" .jede Hilfe bitte
InformationsquelleAutor Lakshman Prasad
0

Modifizierten Formen.RadioSelect:
```
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>'
```
Arbeiten mit der Python 3.4 mit der standart admin die Django 1.10

und die Django-Anzug(http://djangosuit.com/) (es Verwendung von Bootstrap 2 styles)

Nicht getestet, für die Django-grappelli, noch.
- Diese Antwort ist nicht direkt anwendbar, um die Beispiel-Codes durch den Benutzer, und, als solche, nicht eine Antwort auf Ihre Frage.
InformationsquelleAutor Seti Volkylany
0

Laut die Django-docs 'attrs' ist ein Wörterbuch mit HTML-Attributen gesetzt werden auf das gerenderte widget.

In diesem Sinne ein einfaches Formular-basierte Lösung wäre so etwas wie die folgenden:
```
feature_type  = forms.TypedChoiceField(
    choices = formfields.FeatureType,
    widget = forms.RadioSelect(attrs={
        'style': 'display: inline-block'
    })
)
```
- Es gibt kein "display" - Attribut, dies sollte "style": "display: inline-block" und es wird nicht funktionieren auf diese Weise. display: inline-block angewendet werden, auf den radio-button statt <li>
- vielen Dank Alex, das Beispiel wurde aktualisiert
InformationsquelleAutor Yup.
0

Ein anderer Weg ist, um zu ändern der Stil von ul>li Liste display:inline-block. Sie können etwas tun
```
 <style>
 ul#youelementId li{
  display: inline-block;
  }
</style>
```
Hoffnung, dies würde helfen, die nächsten Leser.

InformationsquelleAutor Maryam Tariq

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.