une image pour chaque option d'un champ de type 'choice'

Version imprimable

12/05/2015, 15h54
laurentche

une image pour chaque option d'un champ de type 'choice'

Bonjour,

J'ai une entitée dont j'aimerai, lorsque j'ajoute des informations dans doctrine, pouvoir choisir une image à la place des rond d'un champ choice.

Ou alors j'aimerai ajouter à coté de chaque valeur d'un champs choice, une image spécifique à chacune d'elle .

En css , symfony semble compliquer la chose en mettant un attr class au champ,je n'arrive pas à dissocier une valeur de l'autre en remplaçant le rond pour cocher.

Merci d'avance

Une autre solution serait, je pense, d'accéder par exemple à chaque option de mon choice dans la vue twig pour mettre une image à chacun ou d'ajouter un classe sur chacune pour lier un background de l'image:
Code:

1 2 3 4 5 ->add('image','choice',array('choices'=>array('image1'=>'image1','image2'=>'image2'), 'expanded' => true, 'multiple' => false, 'attr'=>array('class'=>'class_image'), ))
ma vue twig :
Code:

1 2 3 {{ form_widget(form.image.image1) }}<img src='' /> {{ form_widget(form.image.image2) }}<img src='' />
il semblerai qu'on pouvait générer à part une valeur de l'option choice sur symfony2 mais que cela ne fonctionne plus.
j'ai bien sur cette erreur Method "image1" for object "Symfony\Component\Form\FormView" does not exist in ...
La méthode n'est pas bonne...

13/05/2015, 16h47
gototog

J'ai du mal à comprendre ce que tu cherches à faire.
Est ce que tu cherches a redesigner les boutons radios? tu cherches à afficher plus d'informations que le label dans tes formulaires?
13/05/2015, 18h16
laurentche

Bonjour,

Je voudrais placer une image différente à coté de chaque bouton radio représenter par un choice sur symfony . Cela permettrai par exemple de désigner la valeur de l'option radio par une image et non par un texte. En gros je voudrai remplacer le texte des boutons radio par une image.
Mieux encore rendre cliquable les boutons radio par une image...
Mais avec symfony je n'y arrive pas ...

Bonjour

tu dois passer par les themes des formulaires,

les themes des formulaires te donne accèes au block twig ou tu peux personaliser le rendu de tes champs

Quelques choses du genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% block choice_widget_options %}
{% spaceless %}
    {% for group_label, choice in choices %}
        {% if choice is iterable %}
            <optgroup label="{{ group_label|trans({}, translation_domain) }}">
                {% set options = choice %}
                {{ block('choice_widget_options') }}
            </optgroup>
        {% else %}
            <option value="{{ choice.value }}"{% if choice is selectedchoice(value) %} selected="selected"{% endif %}>
                  <img src="ton image_url" />
                  {{ choice.label|trans({}, translation_domain) }}
            </option>
        {% endif %}
    {% endfor %}
{% endspaceless %}
{% endblock choice_widget_options %}

Voir aussi la doc

http://symfony.com/fr/doc/current/co...omization.html

14/05/2015, 12h31
laurentche
Merci pour ta réponse mais j'avais déja vu cette exemple et j'ai pas réussi à la faire fonctionner .... mes variables n'existent pas lorsque je fais appel à :
Code:

1 2 {% for group_label, choice in choices %}
et au niveau de la doc je n'ai pas trouvé son équivalent.. :?