This is a migrated thread and some comments may be shown as answers.

Overlay menu

1 Answer 88 Views

Window

This is a migrated thread and some comments may be shown as answers.

Mattias asked on 18 Dec 2009, 10:36 AM

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>

1 Answer, 1 is accepted

Accepted

answered on 18 Dec 2009, 11:01 AM

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.