使用 bootstrap 格式化 flask-wtf 提交按钮

Question

我正在使用 jinja 渲染一个 flask-wtf 提交按钮，如下所示：

{{ wtf.form_field(form.submit) }}

这会导致按钮的格式为 btn-default bootstrap 格式（白色）。我想将其更改为 btn-success bootstrap 格式（绿色）。

我怎样才能做到这一点？

Answer 1

我想你也在使用 flask-bootstrap.

在烧瓶上-bootstrap Jinja2 宏你有：

    {% call _hz_form_wrap(horizontal_columns, form_type, True, required=required) %}
    {{field(class='btn btn-%s' % button_map.get(field.name, 'default'), **kwargs)}}
    {% endcall %}

如果可以的话，你应该使用 button_map 来做到这一点 [查看下面评论中的详细信息]

Answer 2

按照@dpgaspar 的建议，解决方案是使用 button_map，如下所示：

{{ wtf.form_field(form.submit, button_map={'submit':'success'}) }}

Answer 3

如果您使用的是 wtf.quick_form，请使用这样的表格。

{{ wtf.quick_form(form, button_map={'submit':'success'}) }}

Answer 4

如果您使用 flask-bootstrap，请按照@dpgaspar 的建议使用带有 button_map 的表格，

对于整个表格 - wtf.quick_form:

{{wtf.quick_form(delete_form, button_map={'name_of_field': 'danger'})}}

对于单个字段，wtf.form_field：

{{wtf.form_field(delete_form.delete, button_map={'delete': 'success'})}}

Flask-Bootstrap官方documentation说：

button_map – A dictionary, mapping button field names to names such as primary, danger or success. Buttons not found in the button_map will use the default type of button.

使用 bootstrap 格式化 flask-wtf 提交按钮

Formatting flask-wtf submit button using bootstrap

html

jinja2

wtforms

twitter-bootstrap

flask-wtforms