如何在twig模板中的"form_row"上添加css类

Question

我想知道如何在twig中的"{{form_row()}}"上添加一个css类.目前,我有这个代码:

{{ form_row(form.username, {'label' : "Login", 'attr': {'class': 'loginForm'}}) }}

...但是HTML代码中没有使用CSS类"loginForm".

谢谢 :) !

Answer 1

如果你想要form_row的公共类(它意味着form_label,form_widget和form_errors的一个类),你应该自定义一个field_row块.

本文介绍如何自定义表单字段:如何自定义表单呈现.有一些方法可以做到这一点.

例如,我正在使用方法2(如何自定义表单渲染:方法2):

{% extends 'form_div_layout.html.twig' %}

{% block field_row %}
{% spaceless %}
    {% set class='' %}
    {% if attr.class is defined %}
    {% set class = 'class="' ~ attr.class ~ '"' %}
    {% endif %}

    <div {{ class }} >
        {{ form_label(form, label|default(null)) }}
        {{ form_errors(form) }}
        {{ form_widget(form) }}
    </div>
{% endspaceless %}
{% endblock field_row %}