Keep Multiselect dropdown list open at fixed height with vertical scroll

2 posts, 0 answers
  1. Jamie
    Jamie avatar
    1 posts
    Member since:
    Nov 2015

    Posted 07 Apr 2016 Link to this post

    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?


  2. Dimiter Topalov
    Dimiter Topalov avatar
    1297 posts

    Posted 11 Apr 2016 Link to this post

    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:

    close: function(e){
    dataBound: function(e){
    if(e.sender.ul.height() < 200){

    Let me know if you need further assistance.


    Dimiter Topalov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top