Toolbar SplitButton no scrolling?

[Robert Madrian]

Hello,

I have a toolbar with a Split Button and many entries which are not all visible because the height of the screen is not big enough...
How to have a scrolling of the splitbutton dropdown list if the screen is to small i.e. there a more items to display depeneding on the screen size (I don't want to have a fix height)

see attached picture

[Magdalena]

Hello Robert,

You can set a custom height to split button popup by applying the following CSS:

.k-split-wrapper {
    height: 300px !important;
}
.k-split-container {
    height: 100%;
    overflow: auto;
}

Regards,
Magdalena
Progress Telerik

[Robert Madrian]

Hello,

but with that fix height it Looks bad if there are fewer items then the height - isn't there a better (Javascript) solution to have
only Scrolling if necessary? (see attached Picture)

[Magdalena]

Hi Robert,

The easiest way is to use max-height instead.

.k-split-wrapper {
    max-height: 300px !important;
}
.k-split-container {
    max-height: 100%;
    overflow: auto;
}

If you would like to set the height dynamically, you can achieve it by a custom JavaScript calculation in the toolbar open event. If the .k-split-container element has set the max-height:100% by CSS, suffice it to set the dynamic height only to the .k-split-wrapper element.

Regards,
Magdalena
Progress Telerik