Discussion :

[aitiahcene]

Bonjour,

J'aurais voulu savoir comment on associé une feuille de style CSS aux formulaires réutilisables nommés xxxxType.php (par convention) dans le dossier /Form écrit entièrement en PHP.

Y a t il un moyen de le faire depuis les templates Twig ?

Merci pour vos réponses.

[KzrData]

Je ne comprends pas très bien la question mais tu as juste à utiliser les assets dans ton template twig (sélectionné avec render dans le contrôleur)

[aitiahcene]

Merci, ma question était comment faire le design des formulaire à l'aide de Twig, en PHP sans un framework y a le HTML/CSS !!


Pour ta réponse je ne comprends pas trop
exemple :

Code :

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

1
2
3
4
5
return $this->render('MonBundle:Entity:show.html.twig', array(
            'entity'      => $entity,
            'form' => $Form->createView(),
 
        ));

Je passe mon formulaire 'form' vers la vue show, mais comment peut on passer les assets ?

[Avrel]

Ton style tu le fais dans la vue ou tu affiches ton formulaire.

Faut comprendre que si Symfony utilise une architecture 3 tiers, c'est pas pour mettre du style dans ta couche métier.

[aitiahcene]

Ton style tu le fais dans la vue ou tu affiches ton formulaire.

Faut comprendre que si Symfony utilise une architecture 3 tiers, c'est pas pour mettre du style dans ta couche métier.

Oui bah oui mais je n'arrive pas a trouver dans la doc de Twig comment peut on mettre du style pour mes formulaire.

J'ai trouver ca :

Code :

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

->add('field', 'type'; array(''attr' => array('class' => 'foo')))

depuis une feuille de style CSS on peut utliser .foo !!!

[KzrData]

Il va falloir commencer par énoncer clairement ce que tu désires faire. Que veux-tu dire par ajouter du style à tes formulaires?
Ajouter une classe à tes champs (dans ce cas c'est ce que tu viens d'énoncer)? Y lier une feuille de style CSS?

[aitiahcene]

Je veux du design CSS pour mes formulaire sf2 !! ce n'est pas compliqué que cela!! j'avais l'habitude de le faire lorsque je développe en HTML/PHP mais la je suis sur sf2 et mes formulaire ne sont pas écrit en HTML ils le sont en PHP Object ils s'affichent sur des vues Twig !!

[KzrData]

ça n'est peut-être pas compliqué, encore faut-il l'énoncer de façon correcte. Un effort sur l'écriture ne serait pas superflu...

Si toutefois tu souhaites styler dans les moindres détails tes champs dans ton template, tu as toujours moyen de les afficher ainsi par exemple:

Code :

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

1
2
3
4
 
{ form_errors(form.tapropriété)  }} 
{{ form_label(form.tapropriété, "Label", { 'attr': {'class': 'taclasse'} })  }}
{{ form_widget(form.tapropriété, { 'attr': {'class': 'taclasse'} })  }}

Tu imagines bien qu'un problème aussi commun a déjà été soulevé de nombreuses fois... De plus, tout est présent dans la doc en cherchant bien.

[aitiahcene]

Merci infiniment !! donc la classe "taclasse" sera dans un fichier css ... as tu lien vers la doc ? Merci

[Avrel]

Sinon ce que tu fais ,

tu regardes la source de la page qui s'affiche, t'analyse la structure que ton template te sors et ensuite le reste devrait venir tout seul

[aitiahcene]

oui merci j'avance et j'ai un soucis regardez :
yes est une classe JavaScript :

Code :

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

1
2
3
.yes{
background: url('photo.png') left top no-repeat;
}

or que l'image se trouve dans MonBundle/Resources/public/images/photo.png.

Peut ont utiliser les assets dans les CSS et c'est quoi le chemin de l'image ??

[aitiahcene]

Tout simplement fallait faire ceci :

Code :

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

1
2
3
.yes{
url(../images/photo.png) left top no-repeat;
}

[fahdijbeli]

bonjour,

envoyé par KzrData :
{ form_errors(form.tapropriété) }}
{{ form_label(form.tapropriété, "Label", { 'attr': {'class': 'taclasse'} }) }}
{{ form_widget(form.tapropriété, { 'attr': {'class': 'taclasse'} }) }}

j'ai pas compris l'utilité de 'attr' ,est ce que ya-t-il des documentations pour cà.
merci d'avance

[KzrData]

La propriété "attr" correspond aux attributs de ton élement html. Quant à la doc, il suffit de chercher un peu, tu devrais la trouver façilement.

[fahdijbeli]

ok, merci KzrDATA .