Overlay menu

2 posts, 1 answers
  1. Mattias
    Mattias avatar
    263 posts
    Member since:
    Aug 2012

    Posted 18 Dec 2009 Link to this post

    Hi,
    My window is showing up behind the menu, how can put it in front of it?
    I can't recall I've seen this in previous versions but I can be wrong. Else it's something wrong with release 2009.3.1208.35

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server"> 
        <title></title> 
        <script type="text/javascript"> 
            function OpenWindow(url) { 
                var oWnd = window.radopen(url, 'DefaultWindow'); 
            } 
        </script> 
    </head> 
    <body> 
        <form id="form1" runat="server"> 
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> 
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Overlay="true"> 
            <Windows> 
                <telerik:RadWindow Skin="Default" ID="DefaultWindow" runat="server" Title="" Height="650px" 
                    Width="800px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" VisibleStatusbar="false" Modal="false" Overlay="True" /> 
            </Windows> 
        </telerik:RadWindowManager>  
        <div> 
            <telerik:RadMenu ID="RadMenu1" runat="server"> 
                <Items> 
                    <telerik:RadMenuItem Text="test"></telerik:RadMenuItem> 
                    <telerik:RadMenuItem Text="test2"></telerik:RadMenuItem> 
                </Items> 
            </telerik:RadMenu> 
        </div> 
        <p><input id="Button1" type="button" value="open win" onclick="OpenWindow('/test.htm');" /></p> 
        </form> 
    </body> 
    </html> 

  3. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 18 Dec 2009 Link to this post

    Hello Mattias,

    This is happening because by design RadMenu has a higher z-Index than RadWindow. You should use the style property to set the z-Index to one of the controls explicitly.
    More information on the subject is available in the following resources:

    http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html
    http://www.telerik.com/support/kb/aspnet-ajax/window/show-radwindow-above-radmenu.aspx
    http://blogs.telerik.com/blogs/09-06-04/common_radwindow_issues_and_their_solution.aspx

    Best wishes,
    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.
Back to Top