Django RadioSelect горизонтальный
У меня есть поле с несколькими вариантами выбора, и я использую Django forms для превращения этого поля в RadioSelect. Проблема в том, что все поля вертикальные, а я хочу, чтобы они были горизонтальными.
Мой forms.py
class PostForm(forms.ModelForm):
class Meta:
model = Post
fields = ['title', 'pripadnost']
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.fields['pripadnost'].widget = forms.RadioSelect(choices=self.fields['pripadnost'].widget.choices, attrs={'class': 'form-check-inline', 'id': 'myFIELD'})
На данный момент я попробовал (кроме того, что есть в forms.py):
self.fields['pripadnost'].widget.attrs.update({'class': 'inline', 'id': 'myFIELD'})
self.fields['pripadnost'].widget = forms.MultipleChoiceField(widget = forms.CheckboxSelectMultiple(choices=self.fields['pripadnost'].widget.choices, attrs={'class': 'form-check-inline'}))
Пробовал на .html
<script type="text/javascript">
function on_load(){
document.getElementById('div_id_pripadnost').style.display = 'inline-block';
}
on_load();
</script>
Мой html из веб-страницы:
<div id="div_id_pripadnost" class="form-group" style="display: inline-block;">
<label for="myFIELD_0" class=" requiredField">Pripadnost<span class="asteriskField">*</span> </label>
<div class="">
<div class="form-check"> <input type="radio" class="form-check-input" checked="checked" name="pripadnost" id="id_pripadnost_1" value="1"> <label for="id_pripadnost_1" class="form-check-label">1</label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_2" value="2"> <label for="id_pripadnost_2" class="form-check-label">
2</label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_3" value="3"> <label for="id_pripadnost_3" class="form-check-label">3</label> </div>
</div>
</div>
Не работает (из-за рендеринга/слишком старая для текущей версии, я полагаю):
https://stackoverflow.com/questions/5935546/align-radio-buttons-horizontally-in-django-forms