RadPane - set_collapsed(false) - > not working

2 posts, 1 answers
  1. Lubomir
    Lubomir  avatar
    15 posts
    Member since:
    Sep 2012

    Posted 26 Sep 2012 Link to this post

    Hello,
    this is my code.. but when i call from javascript function showRightPane - > paneProperties.set_collapsed(false) is not working
    <script type="text/javascript">      
        function showRightPane() {
            var splitter = $find("<%= RadSplitter1.ClientID %>");
            var paneProperties = splitter.GetPaneById('<%= paneProperties.ClientID %>');
            paneProperties.set_collapsed(false);
           }
    </script>
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%"
          Height="800px" Skin="Windows7">
          <telerik:RadPane ID="RadPane1" runat="server" Width="22px" Scrolling="None">
          <telerik:RadSlidingZone ID="RadSlidingZoneTree" runat="server" Width="22px">
          <telerik:RadSlidingPane ID="RadSlidingPaneTree" Title="Tree" runat="server" Width="200px" MinWidth="100" DockOnOpen="true">
              <cee:BrowserTree ID="browserTree" runat="server" />
          </telerik:RadSlidingPane></telerik:RadSlidingZone></telerik:RadPane>
          <telerik:RadSplitBar ID="RadSplitBarTree" runat="server" />
          <telerik:RadPane ID="DrawingPane" runat="server" Scrolling="None">

              <input type="button" onclick="showRightPane()" value="Show Right Pane" />

          </telerik:RadPane>
      <telerik:RadSplitBar ID="RadSplitBarProperties" runat="server" Visible="true"></telerik:RadSplitBar>
      <telerik:RadPane ID="paneProperties" runat="server" Width="22px" Scrolling="None" Collapsed="true">
      <telerik:RadSlidingZone ID="RadslidingzoneProperties" runat="server" Width="22px" ClickToOpen="true" SlideDirection="Left">
          <telerik:RadSlidingPane ID="RadslidingpaneProperties" Title="Properties" runat="server" Width="150px" DockOnOpen="true" MinWidth="100">
              Properties Content
          </telerik:RadSlidingPane>
      </telerik:RadSlidingZone>
      </telerik:RadPane>
      </telerik:RadSplitter>
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 26 Sep 2012 Link to this post

    Hi Lubomir,

    I suppose you want to show the paneProperties on clicking the Button. Try the following JavaScript.

    JS:
    <script type="text/javascript">
        function showRightPane() {
            var splitter = $find("<%= RadSplitter1.ClientID %>");
            var paneProperties = splitter.GetPaneById('<%= paneProperties.ClientID %>');
           paneProperties.Expand();
        }
    </script>

    Hope this helps.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top