Keep Multiselect dropdown list open at fixed height with vertical scroll

[Jamie]

Would anyone have suggestions on how to keep a Multiselect dropdown list open at a fixed height with vertical scroll.

We have a series of Multiselects, and our visual design calls for them to all stay open. They'll be populated with dynamically which will make the length constantly vary, so they'll need to stay open, stay at a fixed height, and be scrollable when they extend beyond the fixed height.

Can this be done with simple styling, or would some JS be the way to go?

 

[Dimiter Topalov]

Hello Jamie,

You can utilize the close and dataBound events of the Kendo UI MultiSelect. In the handler of the former, prevent the triggering of the default action. In the handler of the latter set the height of the widget's dropdown (200px is the default maximum height, after which a vertical scrollbar appears automatically), and call the open() method:

$("#multiselect").kendoMultiSelect({
close: function(e){
e.preventDefault();
},
dataBound: function(e){
if(e.sender.ul.height() < 200){
e.sender.ul.height(200);
}

e.sender.open();
}
});

Let me know if you need further assistance.

 

Regards,
Dimiter Topalov
Telerik