RadMenu on top of RadWindow z-order in UI for ASP.NET AJAX Window

Tim Wright

32 posts

Member since:
Sep 2005

Posted 05 May 2008 Link to this post

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

Admin

7207 posts

Posted 08 May 2008 Link to this post

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

15 posts

Member since:
May 2009

Posted 13 Jan 2010 Link to this post

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

Admin

7207 posts

Posted 18 Jan 2010 Link to this post

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

15 posts

Member since:
May 2009

Posted 18 Jan 2010 Link to this post

Georgi,

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

Chris

Allen

106 posts

Member since:
Mar 2011

Posted 24 Nov 2020 in reply to Georgi Tunev Link to this post

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

106 posts

Member since:
Mar 2011

Posted 24 Nov 2020 in reply to Allen Link to this post

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

Admin

2369 posts

Posted 25 Nov 2020 Link to this post

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.