Hi Piyush,
In order to achieve the desired behavior, you need to apply some additional styles to the Menu's parent Pane. For example set a "menuPane" CSS class to the corresponding <div> and then use:
.k-splitter .menuPane
{
overflow:visible;
z-index:1;
zoom:1;
}
The overflow style will allow the Menu dropdown to expand outside the pane's boundaries. Normally panes are scrollable or do not allow overflowing at all.
The z-index style will allow the dropdown to appear on top of adjacent panes and splitbars, by moving the Menu pane to a higher stacking context. Otherwise the Menu dropdown will expand below all next panes.
The zoom style is required to fix an IE7 rendering bug, at least on my side. If you don't support this browser, remove the style.
Kind regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework -
download Kendo UI now!