Is there any way to insure that the expanded RadMenu is always on top?

[Boris]

I have a RadMenu within a rather complex arrangement of RadPanes and RadSplitters.  

The problem is that sometimes the area which contains the RadMenu has an active horizontal scrollbar and when the RadMenu expands, the expansion is hidden.  This is an especially big problem in low-res screens.

I've found an assortment of references that refer to setting the z-index of the Radmenu in a variety of ways but these appear to be obsolete. (Such as switching style settings in and out using client side calls that no longer exist?)

Is there any way to insure the current RadMenu is always on top?

[Magdalena]

Hi Boris,

Thank you for contacting Telerik support.

You can set the z-index of the Radmenu by CSS to be always with a high value as the following:

html .RadMenu {
    z-index: 99999;
}

Do not hesitate to contact us if you have other questions.

Regards,
Magdalena
Telerik

[Boris]

Thanks but it doesn't work.  As I said the control is within a framework of RadPanes and RadSplitters and the z index apparently has no effect on them.  I'm attaching a screen shot.  As you can see the sub-menus are hidden.  (Granted, as the name implies, this is an extreme example.  My app is generally used in offices with large desktop monitors.)

In any case I solved my problem by rearranging the page and moving the RadMenu over to the left hand side.

[Magdalena]

Hi Boris,

Thank you for the provided image as now we can better see the reason of the issue.

The main functionality of splitters is co cut all overflowing parts of its children. As the menu is a children of a splitter, all overflowing parts of the menu (in this case a popup) are cut. There is no workaround to fix the issue, as CSS do not provide solution to set which children will be cut and which not, as overflowing property can be set only to parents elements.

Do not hesitate to contact us if you have other questions.

Regards,
Magdalena
Telerik