personnaliser le rendu de {{ form_widget(edit_form) }}

Bonjour,
Par defaut, quand on genere les formulaires par defaut avec symfony,
nous avons ce code au niveau des formulaires d'edition

Code:

---

{{ form_widget(edit_form) }}

---

ce code génère un formulaire où les les labels sont directement suivi par les elements du formulaire.
Que faut-il faire pour que les elements soient affichés dans un tableau?
dois-je le faire manuellement, où y'a t-il une facon plus intelligente de le faire?
Merci d'avance pour votre aide
Merci.

Voici quelques éléments concernant la personnalisation des formulaires

1 Paramétrer le layout par défaut
Par défaut le layout utilisé par twig est une div normale
Pour utiliser un tableau, il suffit de le préciser dans le fichier de configuration

Code:

---

1 2 3 4 5 6

# /app/config/config.yml   twig: form: resources: ['form_table_layout.html.twig']

---

2 Personnaliser l'aspect d'un formulaire
On peut modifier le rendu d'un formulaire en définissant un template pour les différents éléments.

Une ligne :
voir /vendor/symfony/symfony/src/Symfony/Bridge/Twig/Resources/views/Form/form_div_layout.html.twig

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

{# src/Acme/LayoutBundle/Resources/views/Form/fields.html.twig #}   {% block form_row %} {% spaceless %} <div class="ligne"> <label class="w150px">{{ form_label(form) }}</label><span class="zone_champ_saisie" /> <!-- <input type="text" class="champ_saisie" maxlength="30" size="30" /></span>--> {{ form_errors(form) }} {{ form_widget(form) }} </div>   {% endspaceless %} {% endblock form_row %}

---

Pour l'utiliser dans un template particulier
il suffit ensuite de la déclarer dans le twig qui l'utilise

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

{# /src/Acme/BugsBunnySBundle/Resources/views/Prestations/ajouter.html.twig #}   {% extends "::base.html.twig" %} {% block navigation %} {{ knp_menu_render('mainMenu') }} {% endblock %} {% form_theme form with 'AcmeLayoutBundle:Form:fields.html.twig' %} <!-- C'est ici --> {% block coeur %}   <h1>Ajouter une prestation</h1> <p class="zone-info"> </p>   <form method="post" {{ form_enctype(form) }}> {{ form_widget(form) }} <input type="submit" /> </form>   {% endblock %}

---

Ou dans toute l'application
Il faut le paramétrer dans le config.yml

Code:

---

1 2 3 4 5 6

# /app/config/config.yml   twig: form: resources: ['AcmeLayoutBundle:Form:fields.html.twig']

---

Citation:

---

Que faut-il faire pour que les elements soient affichés dans un tableau?

---

J'en profite juste pour dire que le design par tableau, c'est une très mauvaise pratique. C'est à cause de ça qu'il y a la famine dans le monde.

Citation:

---

Envoyé par gototog

J'en profite juste pour dire que le design par tableau, c'est une très mauvaise pratique. C'est à cause de ça qu'il y a la famine dans le monde.

---

Merci pour la reponse.... c'est ce que je cherchait.
par rapport au commentaire, j'avoue que je n'ai pas de formation coté IHM, donc, je me concentre plutot sur la couche métié et ORM.
Un bon document à ce sujet serait le bienvenu.

HTML5 / CSS3 seront donc tes amis pour maitriser la couche IHM.
Un bon document ? pas vraiment il s'agit des technologies informatique les plus courantes, les plus employés et en plus en rapport avec le net donc sur internet tu trouvera ton bonheur assurement.

regarde tu coté de la mise en place de GRID sa risque de te plaire si tu travaillait avec les tableaux pour designer...