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

Radwindow behind slidingpane

2 Answers 60 Views

Window

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

Soko asked on 01 Oct 2008, 07:19 PM

This is probably a pretty simple answer (and more than likely posted a few times before) so sorry if I missed a previous post. A link would be great :).

I'm curious if there is a way to get the slidingpane in the foreground. heh.

Ex:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="testpane.aspx.cs" Inherits="Test_testpane" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                    </asp:ScriptManager> 
        
                    <telerik:RadSplitter ID="RadSplitter1" runat="server">  
        
                        <telerik:RadPane ID="RadPane1" runat="server">  
        
                            <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">  
        
                                <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server">  
        
                                </telerik:RadSlidingPane> 
        
                                <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server">  
        
                                </telerik:RadSlidingPane> 
        
                            </telerik:RadSlidingZone> 
        
                        </telerik:RadPane> 
        
                        <telerik:RadPane ID="RadPane2" runat="server">  
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                    <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Top="50px" 
        
                        Left="90px">  
        
                    </telerik:RadWindow> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

-Sol

2 Answers, 1 is accepted

answered on 01 Oct 2008, 08:14 PM

Hey Sol,

Your best friend is z-index. :)

Bookmark this page, cause it comes in handy when playing with RadControls positioning on the page... Basically, you have to tell the browser that the sliding pane is over the window, so just modify the pane as follows:

    
            <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" style="z-index:3100">     
        
                                </telerik:RadSlidingPane>

Since RadWindow is by default at z-index:3000, this puts the pane in front of it. That z-index reference page is a lifesaver sometimes... ;D