Symfony2: How to customize form error class in twig?

If you are new to Symfony2, you might come to a point where you want to customize the form error class. By default, all the form errors will be shown using a list which does not have any css class assigned to it.

To make the error message stand out, i need to add a css class to it and style the form error to be red color. Thanks to twig template, where i can easily extend the template to what i need.

How to customize form error in Symfony 2.6?

Advertisements

Create a new file at src/Acme/DemoBundle/Resources/views/Form/form_errors.html.twig with the content below:-

{% block form_errors -%}
    {% if errors|length > 0 -%}
    <ul class="error_list">
        {%- for error in errors -%}
            <li>{{ error.message }}</li>
        {%- endfor -%}
    </ul>
    {%- endif %}
{%- endblock form_errors %}

{% block form_errors -%}

{% if errors|length > 0 -%}

{%- for error in errors -%}

<li>{{ error.message }}</li>

{%- endfor -%}

</ul>

{%- endif %}

{%- endblock form_errors %}

Once save, now we need to tell twig to load your template whenever form is load.
So, go to app/config.yml, look for twig section and add the form and resources lines like below:-

YAML

twig: form: resources: [ 'AcmeDemoBundle:Form:form_errors.html.twig' ]

1
2
3

twig:
form:
resources: [ 'AcmeDemoBundle:Form:form_errors.html.twig' ]
Voila. whenever form is load, your customize form error will be loaded too!