i have 3 or more radpane, when i expand one radpane, how to collapse other radpane ?

2 posts, 0 answers
  1. gzzn
    gzzn avatar
    12 posts
    Member since:
    Jan 2011

    Posted 26 May 2012 Link to this post

    Question 1:
    i have 3 or more radpane, when i expand one radpane, how to collapse other radpane ?

    Question 2:
    when i collapse or expand one radpane, how to use animation effect, like radwindow controls (Animation="FlyIn")?



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




    <head runat="server">
    <title>Collapse / Expand RadPane</title>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="false" >
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
    function myhidden(item) {
    //How to do it ?
    <input type="button" value="myhidden" onclick="myhidden(1)" />
    <input type="button" value="myhidden" onclick="myhidden(2)" />
    <input type="button" value="myhidden" onclick="myhidden(3)" />
    <input type="button" value="myhidden" onclick="myhidden(4)" />
    <input type="button" value="myhidden" onclick="myhidden(5)" />
    <telerik:RadSplitter ID="RadSplitter_InnerVert" runat="server" Orientation="Vertical" VisibleDuringInit="false" BorderSize="1" Width="100%" Height="100%">
    <telerik:RadPane ID="RadPane_Collapse1" runat="server" >111</telerik:RadPane>
    <telerik:RadPane ID="RadPane_Collapse2" runat="server" Collapsed="true">222</telerik:RadPane>
    <telerik:RadPane ID="RadPane_Collapse3" runat="server" Collapsed="true">333</telerik:RadPane>
    <telerik:RadPane ID="RadPane_Collapse4" runat="server" Collapsed="true">444</telerik:RadPane>
    <telerik:RadPane ID="RadPane_Collapse5" runat="server" Collapsed="true">...</telerik:RadPane>
  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 29 May 2012 Link to this post


    If you have not already done so, I would suggest that you reference the following online demo in order to configure multiple RadPanes to expand and collapse each other:


    This takes advantage of the built-in expand/collapse buttons and saves you the work of configuring external buttons with JavaScript.

    The settings for collapse/expand are covered on the Collapsing Panes documentation page.

    Hope this helps!
  3. DevCraft R3 2016 release webinar banner
Back to Top