Discussion :

[wilson2]

Bonjour,

Je crée une application sous Symfony 2.1.6.

Dans un formulaire (twig) j'utilise un calendrier sous forme de menus déroulants: année, mois, date.
J'essaie en vain de réduire la largeur de ces 3 menus déroulants.

Voici une partie de mon code qui crée le formulaire.

Merci

[choco7]

ca dois pouvoir être fais dans le css je pense :

Code :

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

1
2
3
4
5
#form_dateNaissance{
 
width: 250px;
 
}

[stephan.78]

Pour l'avoir fait sur une date d'anniversaire comme toi, je suis passé par ce bout de la doc.

http://symfony.com/doc/current/cookb...omization.html

[stephan.78]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
{% block choice_widget_collapsed %}
{% spaceless %}<span>
<select {{ block('widget_attributes') }}{% if multiple %} multiple="multiple"{% endif %}>
        {% if empty_value is not none %}
            <option value="">{{ empty_value|trans({}, translation_domain) }}</option>
        {% endif %}
        {% if preferred_choices|length > 0 %}
            {% set options = preferred_choices %}
            {{ block('choice_widget_options') }}
            {% if choices|length > 0 and separator is not none %}
                <option disabled="disabled">{{ separator }}</option>
            {% endif %}
        {% endif %}
        {% set options = choices %}
        {{ block('choice_widget_options') }}
    </select></span>
{% endspaceless %}
{% endblock choice_widget_collapsed %}
{% block date_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('form_widget_simple') }}
    {% else %}
        <span {{ block('widget_container_attributes') }}>
            {{ date_pattern|replace({
                '{{ year }}':  form_widget(form.year,{'attr':{'class':'input-small'}}),
                '{{ month }}': form_widget(form.month,{'attr':{'class':'input-medium'}}),
                '{{ day }}':   form_widget(form.day,{'attr':{'class':'input-mini'}}),
            })|raw }}
            </span>
    {% endif %}
{% endspaceless %}
{% endblock date_widget %}
{% block datetime_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('form_widget_simple') }}
    {% else %}
        <span {{ block('widget_container_attributes') }}>
            {{ form_errors(form.date) }}
            {{ form_errors(form.time) }}
            {{ form_widget(form.date) }}
            {{ form_widget(form.time) }}
            </span>
    {% endif %}
{% endspaceless %}
{% endblock datetime_widget %}
 
{% block time_widget %}
{% spaceless %}
    {% if widget == 'single_text' %}
        {{ block('form_widget_simple') }}
    {% else %}
        <span {{ block('widget_container_attributes') }}> à
            {{ form_widget(form.hour, { 'attr': { 'size': '1' ,'class':'input-mini'} }) }}:{{ form_widget(form.minute, { 'attr': { 'size': '1' ,'class':'input-mini'} }) }}{% if with_seconds %}:{{ form_widget(form.second, { 'attr': { 'size': '1' } }) }}{% endif %}
        </span>
    {% endif %}
{% endspaceless %}
{% endblock time_widget %}

Voila dans ce bout de code, j'ai redéfini les wigdets time et date (tu n'auras besoin que de date.

Puis dans ton template form il faut l'inclure de cette façon la

Code :

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

{% form_theme form 'NomdetonBundle:Form:fields.html.twig' %}

J'ai mis ce template la dans Resources/views/form/fields.html.twig

[wilson2]

Merci pour cette réponse.

ça fonctionne bien!

C'est exactement ce que je voulais.