How to change the size of a "select box" form

Question

A client doesn't want to scroll in a select form so I need to increase the size of my select form.

I tried this but still doesn't work, I only see 4 inputs :

{{ form_widget(filterForm.accomodationFilter1, { attr: { class: 'fancyselect filter type' }, {'size': '10'} }) }}

Any idea how I can do that and where is the documentation ?

Thanks

score 1 · Accepted Answer · answered Oct 26 '15 at 11:30

1

Try doing it directly in the formBuilder:

->add('example', 'choice', array(
            'attr' => array('class' => 'fancyselect filter type',
                             'style' => 'max-width:100px'),
            'choices' => 'choices',
            )

Or just use:

->add('example', 'choice', array(
            'attr' => array('class' => 'fancyselect filter type'),
            'choices' => 'choices',
            'max_length' => 100,
            )

answered Oct 26 '15 at 11:30

Besbes Riadh

811
2
10
23

thanks for you answer but still, doesn't work ... I have no notable effect of this. Got an idea why ? – Dimitri Danilov Oct 26 '15 at 13:06
I just saw this http://stackoverflow.com/questions/570642/height-of-an-html-select-box-dropdown , and it seems like it is impossible to do ?! – Dimitri Danilov Oct 26 '15 at 13:11
1

Sorry I misunderstood your question I thought you were trying to customise the "select" and yes tell your client that it's impossible to do. – Besbes Riadh Oct 26 '15 at 13:43
You could take a look at some jquery select box replacements – Carlos Granados Oct 26 '15 at 18:14

How to change the size of a "select box" form

1 Answers1