Hi. I'm having some trouble setting the initial state of a sliding pane to be docked. I've tried the code that was used in the demo and it only seems to work if I'm not using the slider on a content page (which is a problem because I am using a master page in my project).
The code in the first block works, while the code in the second does not. The only difference is that the second block uses a master page. Otherwise, the markup for the telerik controls is copied verbatim from the online demo. The only markup on the master page is a the default markup that VS2008 generates and a script manager. I have no code to either of these pages.
Thank you for your help.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="splitter.aspx.cs" Inherits="RadControlsWebApplication1.splitter" %> |
<!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></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<asp:ScriptManager id="ScriptManager" runat="server" /> |
<div> |
<telerik:RadSplitter id="RadSplitter1" runat="server" height="400" width="700"> |
<telerik:RadPane id="LeftPane" runat="server" width="22" Scrolling="None"> |
<telerik:RadSlidingZone id="SlidingZone1" runat="server" width="22" |
DockedPaneId="Pane1" |
ExpandedPaneId="Pane2" |
> |
<telerik:RadSlidingPane id="Pane1" title="Pane1" runat="server" width="300">This pane is set to be initially docked when the page is loaded. <br/><br/>Use the <b>DockedPaneId</b> property of the <b>RadSlidingZone</b> to control this behavior. |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane id="Pane2" title="Pane2" runat="server" width="150" >This pane is set to be initially expanded when the page is loaded. <br/><br/>Use the <b>ExpandedPaneId</b> property of the <b>RadSlidingZone</b> to control this behavior.</telerik:RadSlidingPane> |
<telerik:RadSlidingPane id="Pane3" title="Pane3" runat="server" width="150">This pane has the default behavior and is hidden on page load. |
</telerik:RadSlidingPane> |
</telerik:RadSlidingZone> |
</telerik:RadPane> |
<telerik:RadSplitBar id="RadSplitbar1" runat="server"></telerik:RadSplitBar> |
<telerik:RadPane id="MainPane" runat="server">Main Pane</telerik:RadPane> |
</telerik:RadSplitter><br/> |
</div> |
</form> |
</body> |
</html> |
<%@ Page Title="" Language="C#" MasterPageFile="~/MyMaster.master" AutoEventWireup="true" CodeBehind="splitterwithmaster.aspx.cs" Inherits="RadControlsWebApplication1.splitterwithmaster" %> |
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> |
</asp:Content> |
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> |
<telerik:RadSplitter id="RadSplitter1" runat="server" height="400" width="700"> |
<telerik:RadPane id="LeftPane" runat="server" width="22" Scrolling="None"> |
<telerik:RadSlidingZone id="SlidingZone1" runat="server" width="22" |
DockedPaneId="Pane1" |
ExpandedPaneId="Pane2" |
> |
<telerik:RadSlidingPane id="Pane1" title="Pane1" runat="server" width="300">This pane is set to be initially docked when the page is loaded. <br/><br/>Use the <b>DockedPaneId</b> property of the <b>RadSlidingZone</b> to control this behavior. |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane id="Pane2" title="Pane2" runat="server" width="150" >This pane is set to be initially expanded when the page is loaded. <br/><br/>Use the <b>ExpandedPaneId</b> property of the <b>RadSlidingZone</b> to control this behavior.</telerik:RadSlidingPane> |
<telerik:RadSlidingPane id="Pane3" title="Pane3" runat="server" width="150">This pane has the default behavior and is hidden on page load. |
</telerik:RadSlidingPane> |
</telerik:RadSlidingZone> |
</telerik:RadPane> |
<telerik:RadSplitBar id="RadSplitbar1" runat="server"></telerik:RadSplitBar> |
<telerik:RadPane id="MainPane" runat="server">Main Pane</telerik:RadPane> |
</telerik:RadSplitter><br/> |
</asp:Content> |