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

Sliding Pane not sliding!

1 Answer 47 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Ian Wells
Top achievements
Rank 1
Ian Wells asked on 09 Jul 2009, 10:26 AM
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:

<%@ 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

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 14 Jul 2009, 10:54 AM
Hello Ian,

I built up a test page based on your code and with the 2009.1. 402 version of radcontrols as you have noted. After that I tested under IE8, IE7 and FF because you did not provide information about the browser but unfortunately to no avail - the RadSlidingPanes were expanding as expected - please see the attached video capture for a reference of the result on my side.

The only thing I can assume that might be causeing the issu eis that you have missed teh fact that you have set the ClickToOpen property to true and you want to expand the sliding panes on hover - if so, please remove the setting or click on teh tab to expand teh pane. More information about the ClickToOpen property is available below:

http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_clicktoopen/defaultcs.aspx

In case this is not the problem, please examine my video capture and let me know what I am doing wrong or try to reproduce the issue in our online demos. Provide also some information about the brpwser under which teh problem occurs.


All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Splitter
Asked by
Ian Wells
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or