Django的脆皮表格Tabholder不能改变CSS

时间:2020-03-13 08:45:04

标签: django bootstrap-4 django-forms django-crispy-forms

在我的表单中,我想更改选项卡的样式,如果我向TabHolder添加一个css_class,它将不会呈现它,它只会保留默认类。这是模型表单的初始

def __init__(self, *args, **kwargs):
    self.user = kwargs.pop('user', None)
    super().__init__(*args, **kwargs)
    self.helper = FormHelper()
    self.helper.form_tag = True
    self.helper.form_method = 'POST'
    self.helper.layout = Layout(
        TabHolder(
            Tab(_('Company'),
                'name',
                css_class='nav-item active'),
            Tab('Address',
                'country',
                css_class='nav-item'),
            Tab('Info',
                'email', 'phone', 'website',
                css_class='nav-item'),
            css_class='nav nav-tabs nav-tabs-highlight nav-justified mb-0'
        ),
        ButtonHolder(
            Submit('submit', "Submit form", css_class='btn btn-primary')
        ),
    )

您可以在TabHolder中看到css_class ='nav nav-tabs nav-tabs-highlight nav-justified mb-0',但它始终仅显示css_class ='nav nav-tabs'

1 个答案:

答案 0 :(得分:1)

CSS_class在选项卡模板中进行了硬编码。最简单的解决方法可能是过度使用模板。

https://github.com/django-crispy-forms/django-crispy-forms/blob/master/crispy_forms/templates/bootstrap4/layout/tab.html

相关问题