[2.x] modifier apparence calendrier formulaire

1 pièce(s) jointe(s)

modifier apparence calendrier formulaire

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

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

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

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

Code:

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:

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

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

Merci!

Merci pour cette réponse.

ça fonctionne bien!:D

C'est exactement ce que je voulais.