html - Django - Crispy Forms - 自定义输入定位和内联单选按钮

Question

我之前一直在使用 django-crispy-forms，我想知道是否有办法像 col-md-XX 那样设置输入的位置类或其他东西，使它看起来更好，而不仅仅是字段列表。

这是一个例子:

这是使用 {{ form | 的 crispy-form 的“正常”渲染crispy }} 或 {% crispy form %}

我想用 forms.py 中的 python 代码或类似的东西呈现成这样。实际上，我是通过键入 HTML 代码并使用 as_crispy_field 标记呈现来实现的。

最后，当我使用 {% crispy form %} 呈现表单时，我可以使用内联样式的单选按钮，但是使用 as_crispy_field 标签，单选按钮仍然看起来是垂直的，即使在助手中使用 InlineRadios 布局。

使用as_crispy_field

用{% crispy form %}

有没有办法让 radio 看起来水平或与 as_crispy_field 标签内嵌？

Answer 1

你可以使用 crispy InlineRadio Layouts — django-crispy-forms 1.0.0 documentation

class ProgramaForm(forms.ModelForm):
   class Meta:
        model = MyModel
        fields = ['programa']

   def __init__(self, *args, **kwargs):
        super(ProgramaForm, self).__init__(*args, **kwargs)
        self.fields['programa'].required = True
        self.helper = FormHelper()
        self.helper.layout = Layout(
           Div(InlineRadios('programa')),
        )
        self.helper.add_input(Submit('submit', 'Submit'))

Horizontal Radio Buttons For Boolean Values Using Crispy Forms with Django