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

Radwindow behind slidingpane

2 Answers 38 Views
Window
This is a migrated thread and some comments may be shown as answers.
Soko
Top achievements
Rank 2
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

Sort by
0
Serrin
Top achievements
Rank 1
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
0
Soko
Top achievements
Rank 2
answered on 01 Oct 2008, 10:27 PM
ahhhh! :)

Thanks,
Sorry for the extremely noob question :P.

-Sol

Tags
Window
Asked by
Soko
Top achievements
Rank 2
Answers by
Serrin
Top achievements
Rank 1
Soko
Top achievements
Rank 2
Share this question
or