问题描述
我似乎无法使用django-crispy-forms / bootstrap4使CheckBoxSelectMultiple小部件水平显示。
我尝试过: 在表单的小部件上指定它: 小部件= {'my_field':forms.CheckBoxSelectMultiple(attrs = {'class':'form-check-inline'}),}
,但复选框仍垂直显示,并且模板呈现为此:
<div class="custom-control custom-checkBox"> <input type="checkBox" class="custom-control-input" name="my_field" id="id_my_field_2" value="2" class="form-check-inline"> <label class="custom-control-label" for="id_my_field_2">
此“ class =“ form-check-inline”“以红色显示。
如果我使用脆皮形式的帮手,也会发生同样的事情。
self.helper.layout = Layout(Field('my_field',css_class="form-check-inline"))
任何线索为何如此?有人可以建议替代方法吗?
p.s。 :设置为:CRISPY_TEMPLATE_PACK =“ bootstrap4”
模板是:
{% csrf_token %} {% load crispy_forms_tags %} {% crispy form form.helper %}
**编辑** 我设法使用以下方法渲染它们:
from django_crispy.bootstrap import InlineCheckBoxes
self.helper.layout = Layout(InlineCheckBoxes('my_field'))
解决方法
from crispy_forms.bootstrap import InlineRadios
class DhcpForm(forms.ModelForm):
cargo = forms.ChoiceField(label='Cargo on Deck',choices=[('true','Yes'),('false','No')]
def __init__(self,*args,**kwargs):
self.helper.layout = Layout(
InlineRadios('cargo',id="radio_id"))