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

Radwindow behind slidingpane

2 Answers 48 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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Radwindow behind slidingpane

2 Answers, 1 is accepted