Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Kendo UI Dropdown, making the drop down panel wider than the control

Tags:

css

kendo-ui

In a Kendo UI Dropdown, is it possible to make the drop down panel wider than the control?

like image 724
Matt Avatar asked Jan 02 '13 20:01

Matt


2 Answers

Another possible approach:

var dropdownlist = $("#titles").data("kendoDropDownList");

// set width of the drop-down list
dropdownlist.list.width(400);

Code snippet is taken from the official examples (link).

like image 78
sasheto Avatar answered Oct 19 '22 23:10

sasheto


If the id of the dropDownList is drop, you need to define a CSS style as:

#drop-list { 
    width: 300px !important;
}

for overwriting KendoUI computed width and set it to (in this example) 300px.

like image 20
OnaBai Avatar answered Oct 19 '22 23:10

OnaBai