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.
[[](Capture d’écran 2021-06-22 à 1.08.36 PM)](null)
Une aide serait le bienvenue.
Je vous remercie.