RadMenu on top of RadWindow z-order

[Tim Wright]

Hello,

I have a page that has RadMenu Ajax and RadWindow.  When I use the RadWindow to pop up a page, the menu sits on top of the Window?

Bug or easy to fix?

Thanks

Tim

[Georgi Tunev]

Hi Tim,

I believe that the following forum thread will help:

http://www.telerik.com/community/forums/thread/b311D-bdabbb.aspx




Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris]

I have the same situation as the OP. I have altered the radmenu's z-index to 100 as it sits alone on it's page and the only thing that would ever cover it is the radwindow. My window is large enough that when it shows (fade animation) the menu is on top of it until the opacity reaches around 50%. Is there any way to alter this? I'd like the window to fade in over the menu as well.

Thanks,
 
Chris

[Georgi Tunev]

Hello Chris,

You could try using the following style:

.RadWindow, .RadWindow iframe
{
    z-index: 1000 !important;
}

Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Chris]

Georgi,
 
That's fixed it! You've done it again!

Chris

[Allen]

Dead link. Still have this problem.   the offending css is in css file MenuLite.css.  It sets z-index to 7000, which is 4000 units higher than the RadWindow I am opening with RadWindow Manager, which is 3002.  I DO open the RadWindow with a RadWindowManager located in a user control on the main page, where in fact all the smarts (?) are located, so that control seems to be unable to assert the z-index of its windows to overcome the menu that is defined on the main page (in another user control).  The main page consists then of a page with 2 user controls in divs that both have z-10 (Tailwind).  Even if I define the window as top etc. and set a z-index in the RWM, no dice.  I have to hack the style from  MenuLite.css to make it behave.

I expect you will tell me to move the RWM out of the user control to the main page.  That is sad.

[Allen]

So instead I am going to force the particular RadWindow that is annoying me to have a z-index of 10000.  In effect, topmost.  Is all this really necessary if the user controls in the page are of the same z hierarchy to begin with?

[Vessy]

Hi Allen,

The default z-index of RadWindow is set to 3000, unless its modality is enabled. You can see the full list of the Telerik controls which are rendered with absolute positioning and have their default z-indexes in the article below:

https://docs.telerik.com/devtools/aspnet-ajax/controls/controlling-absolute-positioning-with-z-index

Regards,
Vessy
Progress Telerik