Sommaire

Personnalisation de l’affichage d’un formulaire

Pour l’instant, nous ne nous sommes pas préoccupés du design du formulaire. L’avantage avec Symfony, c’est qu’on peut développer un formulaire en PHP sans se soucier de la partie HTML. Nous nous sommes affranchis de l’écriture des balises <input>, qui sont lourdes et fastidieuses.

L’instruction :

{{ form(nom_du_formulaire) }}

s’occupe de tout.

Cette instruction utilise un Thèmethème par défaut pour afficher le formulaire.

Il est possible de modifier ce thème par défaut et, par exemple, d’utiliser un thème intégrant Bootstrap.

Pour ce faire, il faut modifier le fichier config/packages/twig.yaml et y préciser le thème de Bootstrap 4 :

twig: 
    default_path: ’%kernel.project_dir%/templates’ 
    globals:  
        auteur: ’%env(APP_AUTHOR)%’ 
    form_themes: [’bootstrap_4_layout.html.twig’]

Attention à l’indentation. Il y a quatre espaces de décalage pour les options de Twig. Le non-respect de l’indentation entraîne une erreur Symfony.

Cette fois, le rendu est beaucoup plus efficace :

images/17RI4.png

Il est possible d’aller plus loin dans le design en personnalisant chaque élément du thème.

Twig met à votre disposition des fonctions pour rendre les différentes ...