Внутри <ul>отображаются переключатели django

Question

Я динамически генерирую свой HTML, используя шаблон формы django, все работает нормально, кроме переключателей, отображаемых внутри <ul><li>, и мне не нравится форматирование.Как я могу переписать это форматирование, я просто хочу, чтобы переключатели были рядом.

Answer 1

Да, вы можете изменить это без CSS или пользовательского виджета, используя шаблон для отображения вашей формы. Например:

{% for radio in myform.beatles %}
<div class="myradio">
    {{ radio }}
</div>
{% endfor %}

сгенерирует следующий HTML-код:

<div class="myradio">
    <label><input type="radio" name="beatles" value="john" /> John</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="paul" /> Paul</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="george" /> George</label>
</div>
<div class="myradio">
    <label><input type="radio" name="beatles" value="ringo" /> Ringo</label>
</div>

Чтобы получить еще более детальную информацию, см. https://docs.djangoproject.com/en/dev/ref/forms/widgets/#radioselect

Answer 2

вам не нужно переопределять шаблон.Просто измените CSS, чтобы отформатировать список, как вы хотите (горизонтальный ли).Вот пример: http://css.maxdesign.com.au/listamatic/horizontal01.htm

Answer 3

Изменение виджета RadioSelect для создания пользовательского макета, здесь - это один из способов сделать это.