Sliding Pane not sliding!

2 posts, 0 answers
  1. Ian Wells
    Ian Wells avatar
    25 posts
    Member since:
    Jul 2009

    Posted 09 Jul 2009 Link to this post

    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
  2.
  3. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 14 Jul 2009 Link to this post

    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.
Back to Top