Mette du rouge dans le ou messages d'erreurs (form_errors) symfony

Signaler
Messages postés
6
Date d'inscription
vendredi 1 février 2019
Statut
Membre
Dernière intervention
22 juin 2021
-
Bonjour,

J'ai réalisé un site d'offre d'emplois en tant que stagiaire pour la société dans laquelle j'y suis.

Ce que j'aimerai c'est de mettre du rouge dans les form_errors.


    <section class="pt-8 pt-md-11 pb-8 pb-md-14" id="formulaire">
        <div class="container">
            <div class="row">
                <div class="col-12">

                    <!-- Card -->
                    <div class="card card-border border-primary shadow-light-lg">
                        <div class="card-body">

                            <!-- Form -->
                            {{ form_start(form, { "attr" : { 'novalidate' : 'novalidate' }}) }}
                                <div class="row">
                                    <div class="col-12 col-md-6">

                                        <div class="form-group mb-5">
                                            <label class="form-label" for="applyName">Prénom (requis)</label>
                                            {{ form_widget(form.prenom, { 'attr' : { 'class' : 'form-control'}}) }}
                                            {{ form_errors(form.prenom) }}
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6">

                                        <div class="form-group mb-5">
                                            <label class="form-label" for="applyEmail">Nom (requis)</label>
                                            {{ form_widget(form.nom, { 'attr' : { 'class' : 'form-control'}}) }}
                                            {{ form_errors(form.nom) }}
                                        </div>
                                    </div>

                                </div> <!-- / .row -->
                                <div class="row">

                                    <div class="col-12 col-md-6">


                                        <div class="form-group mb-5">
                                            <label class="form-label">Email (requis)</label>
                                            {{ form_widget(form.email, { 'attr' : { 'class' : 'form-control'}}) }}
                                            {{ form_errors(form.email) }}
                                        </div>
                                    </div>


                                    <div class="col-12 col-md-6">

                                        <div class="form-group mb-5">
                                            <label class="form-label">CV (requis) <small class="text-gray-500">Seul le format PDF est accepté</small></label>
                                            {{ form_widget(form.CV, { 'attr' : { 'class' : 'form-control'}}) }}
                                            {{ form_errors(form.CV) }}
                                        </div>
                                    </div>

                                </div>
                                <!-- / .row -->
                                <div class="row">
                                    <div class="col-12">

                                        <div class="form-group mb-5">
                                            <label class="form-label" for="applyMessage">Commentaire</label>
                                            {{ form_widget(form.commentaire, { 'attr' : { 'class' : 'form-control'}}) }}
                                        </div>

                                    </div>
                                </div> <!-- / .row -->
                                <div class="row align-items-center">
                                    <div class="col-12 col-md">

                                        <!-- Submit -->
                                        {{ form_widget(form.postuler, { 'attr' : { 'class' : 'btn btn-primary mb-6 mb-md-0 lift'}}) }}
                                        {{ form_row(form._token) }}

                                    </div>
                                </div> <!-- / .row -->
                            {{ form_end(form) }}

                        </div>
                    </div>

                </div>
            </div> <!-- / .row -->
        </div> <!-- / .container -->
    </section>



Comment faire exactement ?

J'utilise un template foundation 5 et dans celui-ci, j'ai fait une modification en mettant dans le form errors, la classe text-danger comme ci-dessous :


{# Errors #}

{% block form_errors -%}
{% if errors|length > 0 -%}
{% if form is not rootform %}<small class="error text-danger">{% else %}<div data-alert class="alert-box alert text-danger">{% endif %}
{%- for error in errors -%}
{{ error.message }}
{% if not loop.last %}, {% endif %}
{%- endfor -%}
{% if form is not rootform %}</small>{% else %}{% endif %}
{%- endif %}
{%- endblock form_errors %}


Mais lorsque je déploie avec Deployer jusqu'au serveur de production. Cela ne marche pas. C'est en noir. Je regarde sur le serveur de production avec Nginx dans la template je fais la même manipulation. Idem.



Je vous remercie.



Configuration: Macintosh / Chrome 91.0.4472.114