Different size for ComboBox and the items that it is showing

[Imar Spaanjaars]

Hi there,

I am using a kendoComboBox to load data from the server. I would like to limit the size of the initial control to, say 200px, but display the items that are returned from the server in a wider list, say 400px wide below the control.

How can this be done? I tried various things such as setting explicit widths on various CSS elements. I also used a template with a <div> that has a defined width, for each item but no matter what I try, the size of the items is constrained by the size of the original ComboBox control.

Are there any examples that show how to accomplish this?

Thanks in advance,

Imar

[Kiril Nikolov]

Hello Imar,

The dropdown that you see is actually list nested inside a div, that has a width set. In order to change the width, you need to set it on the div element. Please check the following example, showing a possible implementation:

http://jsbin.com/uQUpuQU/3/edit
 
Regards,
Kiril Nikolov
Telerik

[Imar Spaanjaars]

Hi Kiril,

Thank you, that was exactly what I needed.

Cheers,

Imar

[Kiril Nikolov]

Hi Imar,

I am glad that the proposed solution helped.

If you need any further questions, please do not hesitate to contact us.
 
Regards,
Kiril Nikolov
Telerik