Hi Folks,
I have created a sliding pane with tabs on the left that should slide the panel in when pressed. When I run it from Visual Studio 2005 the page loads up fine but the panels do not slide when pressing a tab. Also, I tried a RadPanelBar and that does not slide either when trying to view a submenu,
Here is my code:
Cheers,
IW
I have created a sliding pane with tabs on the left that should slide the panel in when pressed. When I run it from Visual Studio 2005 the page loads up fine but the panels do not slide when pressing a tab. Also, I tried a RadPanelBar and that does not slide either when trying to view a submenu,
Here is my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" |
Namespace="System.Web.UI" TagPrefix="asp" %> |
<!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"> |
<center> |
<div> |
<asp:ScriptManager ID="ScriptManager1" runat="server"> |
</asp:ScriptManager> |
<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="800" Width="1000"> |
<telerik:RadPane ID="RadPane1" runat="server" Width="22" Scrolling="None" MinWidth="22"> |
<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22" ClickToOpen="true"> |
<telerik:RadSlidingPane ID="pnlDesktop" Title="Desktop" runat="server" Width="190"> |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane ID="pnlCapture" Title="Capture" runat="server" Width="190"> |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane ID="pnlSearch" Title="Search" runat="server" Width="190"> |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane ID="pnlReports" Title="Reports" runat="server" Width="190"> |
</telerik:RadSlidingPane> |
<telerik:RadSlidingPane ID="pnlAccount" Title="Account" runat="server" Width="190"> |
</telerik:RadSlidingPane> |
</telerik:RadSlidingZone> |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" /> |
<telerik:RadPane ID="RadPane2" runat="server"> |
Desktop submenu to go here... |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward" /> |
<telerik:RadPane ID="RadPane3" runat="server" Scrolling="none" Width="500"> |
<telerik:RadSplitter ID="RadSplitter2" runat="server" LiveResize="true" Orientation="Horizontal"> |
<telerik:RadPane ID="RadPane4" runat="server" Height="150" Scrolling="both"> |
<div style="height: 100%"> |
<table cellpadding="0" cellspacing="0" width="100%" style="border: 0px none;"> |
<tr> |
<td> |
Data to go here 1.... |
</td> |
<td> |
Data to go here 2.... |
</td> |
</tr> |
<tr> |
<td> |
Data to go here 3.... |
</td> |
<td> |
Data to go here 4.... |
</td> |
</tr> |
</table> |
</div> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</div> |
</center> |
</form> |
</body> |
</html> |
Cheers,
IW