Strange collapse behaviour

2 posts, 0 answers
  1. Franco
    Franco avatar
    1 posts
    Member since:
    Jun 2009

    Posted 20 Jul 2009 Link to this post


    I have been trying to use the collapse method with the splitter.  My first try has left me with a strange visual problem: when I click open the slidingzonepane, it shows me the content of the pane, namely a button which triggers the pane's collapse() method.

    When I click on the button, the icon for the frame disappears but the content remains.  Shouldn't it disappear too?

    This was tested on IE7 and a machine running ,NET 3.5 SP1.  There is nothing in the code behind.

    My code:


    @ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>




    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">




    html xmlns="">




    head runat="server">














    <form id="form1" runat="server">



    <div id="dvError">



    <asp:ScriptManager ID="ScriptManager1" runat="server">












    <telerik:RadSplitter BackColor="Transparent" ID="Radsplitter1" runat="server" Height="707px"



    Width="940" Skin="Default" BorderSize="0" BorderStyle="None" PanesBorderSize="0">



    <telerik:RadPane BorderStyle="None" ID="MiddlePane" runat="server" BorderWidth="0px">



    <div id="reportPane">










    <telerik:RadPane BorderStyle="None" ID="RightPane" BackColor="Transparent" runat="server"



    Width="32" Scrolling="none">



    <telerik:RadSlidingZone ID="RightSlidingZone1" runat="server" BorderStyle="None"



    ClickToOpen="True" SlideDirection="left" Width="32">



    <telerik:RadSlidingPane ID="RightSlidingPane1" runat="server" EnableTheming="true"



    IconUrl="Images/expandpanel-label-closed.gif" Scrolling="None" Width="910px">



    <div id="divTest" style="display: block">












    <input type="button" onclick="testfunction()" value="collapse" />


































    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">



    <script type="text/javascript">



    var slidingZone = <%= RightSlidingZone1.ClientID %>;



    var splitter = <%= Radsplitter1.ClientID %>;



    var slidingpane = <%=RightPane.ClientID %>




    function testfunction()



    paneId =

    "<%= RightPane.ClientID %>";



    var splitter = $find("<%= RadSplitter1.ClientID %>");



    var pane = splitter.getPaneById(paneId);



    if (pane)






    //$get("divTest").style.display = "none";








    "Pane with ID '" + paneId + "' not found.");



















  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 23 Jul 2009 Link to this post

    Hello Franco,

    I already answered your other thread and for your convenience  I pasted my reply below:

    I am afraid that I am not completely sure what exactly you want to achieve. I built up a test demo page based on your code and it worked as expected. However, I assume that you might have wanted to collapse the RadSlidingPane and not the RadPane. If so, you should reference the sliding zone and use its collapsePane method.

    In case my assumption is not correct, please examine the attached test page, modify it if needed and send it to me along with detailed explanations of the exact actual and desired behavior and some screenshots from the very same test page with the problem clearly marked. Once I have a better understanding on your exact requirements, I will do my best to help.

    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.
  3. Telerik UI for ASP.NET Core is out
Back to Top