Discussion :

[dubitoph]

Bonjour la communauté,

Dans un formulaire, je désire rendre un champ de type EntityType sous forme de cases à cocher. J'ai donc fais ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
        $builder
            ->add('equipments', EntityType::class, array(
                                                            'class' => 'App\Entity\backend\Equipment', 
                                                            'multiple' => true, 
                                                            'expanded' => true, 
                                                            'choice_label' => 'equipment',
                                                            'by_reference' => false, 
                                                            'query_builder' => function(EquipmentRepository $er) use ($belongingCarrier) 
                                                                                {
 
                                                                                    return $er->queryFindByBelonging($belongingCarrier);
 
                                                                                }           
                                                        )

Cependant, lorsque j'effectue un rendu simple dans Twig

Code twig :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
        {{ form_start(form) }}
 
            {{ form_rest(form) }}
 
            <button type="submit" class="btn btn-success">Next</button>
 
        {{ form_end(form) }}

la case à cocher cache la première lettre du label :



Quelqu'un aurait une idée sur la manière de résoudre ce problème?

Merci d'avance pour votre aide.

[_Thomas]

Salut,

Tu utilises le "form theme" Bootstrap 4 dans config/twig.yaml ?

Code yaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
twig:
    default_path: '%kernel.project_dir%/templates'
    debug: '%kernel.debug%'
    strict_variables: '%kernel.debug%'
    form_themes: ['bootstrap_4_layout.html.twig']

Est-ce que ton formulaire est bien contenu dans des <div> "container", "row" et "col-X" ?

Tu utilises quelle version de Symfony ?

P.S. À mon avis tu peux utiliser form_widget() à la place de form_rest() qui est facultative car implicitement appelée par form_end() (voir ici).

[dubitoph]

Merci beaucoup pour ton intérêt.

J'utilise la version 4.3 de Symfony ainsi que le thème Bootstrap 4 :

Code yaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
twig:
    default_path: '%kernel.project_dir%/templates'
    debug: '%kernel.debug%'
    strict_variables: '%kernel.debug%'
    form_themes: ['bootstrap_4_layout.html.twig']

En supprimant {{ form_rest(form) }}, le bouton 'Next' se retrouve au-dessus de ma vue (de façon logique car implicitement appelé par {{ form_end(form) }}), ce qui ne m'arrange pas.

Par contre, si je fais appel à form_widget(), je devrai alors le faire pour tous les champs afin de conserver l'ordre établi dans mon formulaire. Or, j'en ai beaucoup...

[_Thomas]

Dans ce cas continue d'utiliser form_rest(), c'est juste qu'à titre personnel je préfère lister explicitement les champs à afficher (form_end() s'occupant implicitement des champs masqués).

Si tu inspectes le HTML des checkboxes qui s'affichent mal, tu vois quelque chose qui cloche ?

[dubitoph]

Apparemment, non :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="vehicle_equipments"><div class="form-check">        
  <input type="checkbox" id="vehicle_equipments_3" name="vehicle[equipments][]" class="form-check-input" value="3">
  <label class="form-check-label" for="vehicle_equipments_3">Speed regulator</label>
</div>
 
<div class="form-check">        
  <input type="checkbox" id="vehicle_equipments_7" name="vehicle[equipments][]" class="form-check-input" value="7">
  <label class="form-check-label" for="vehicle_equipments_7">Airbags</label>
</div>

[_Thomas]

Et tu n'aurais pas du CSS custom qui soit responsable du chevauchement ?