【问题标题】:How to add class to options within a CheckboxSelectMultiple displayed with crispy forms如何为 CheckboxSelectMultiple 中的选项添加类,以清晰的形式显示
【发布时间】:2020-08-24 23:05:36
【问题描述】:

我想将引导类添加到以清晰形式显示的 CheckboxSelectMultiple 的选项中。我知道如何将一个类添加到整个 CheckboxSelectMultiple div,而不是添加到其中的每个元素(我想为每个元素添加一个 col-3 类,以便它们在整齐的网格中彼此相邻对齐)。

我正在显示表单(表单还有许多其他字段):

{% crispy form form.helper %}

这是form.py

TOPICS = (
        ('ANI', 'Animals'),
        ('ART', 'Art'),
        ('COM', 'Communication'),
        ('CRI', 'Crime'),
        ('CUL', 'Culture/Society'),
    )

topics = forms.MultipleChoiceField(choices=TOPICS, required=False, widget=forms.CheckboxSelectMultiple())

谢谢。

【问题讨论】:

    标签: django django-forms django-crispy-forms


    【解决方案1】:

    我想你正在寻找inlinecheckboxes。如果您只希望每行有这么多项目,您可以使用 col-3(或 col-md-3?)覆盖 inlinecheckbox 模板。

    https://django-crispy-forms.readthedocs.io/en/latest/layouts.html#bootstrap-layout-objects

    【讨论】:

    • 谢谢。我将其更改为内联复选框。我之前已经阅读过该网站上有关覆盖模板的信息,但无法理解它。我知道在布局中我应该指定字段然后模板='new_template',但我不知道在哪里创建该模板文件或其中应该包含什么?它应该像一个css文件吗?如果是这样,我仍然不确定如何更改 inlinecheckbox 中的项目类别而不是整个字段。谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-24
    相关资源
    最近更新 更多