RadMenu on top of RadWindow z-order

8 posts, 0 answers
  1. Tim Wright
    Tim Wright avatar
    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
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    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
  3. Chris
    Chris avatar
    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
  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    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.
  5. Chris
    Chris avatar
    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
  6. Allen
    Allen avatar
    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.

  7. Allen
    Allen avatar
    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?
  8. Vessy
    Admin
    Vessy avatar
    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/.

Back to Top