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

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

1 Answer 49 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
gzzn
Top achievements
Rank 1
gzzn asked on 26 May 2012, 05:17 PM

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>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptCombine="false" >
<Scripts>
<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" />
</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
function myhidden(item) {
//How to do it ?
}
</script>
</telerik:RadCodeBlock>
<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>
</telerik:RadSplitter>
</form>
</body>
</html>

1 Answer, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 29 May 2012, 04:39 PM
Gzzn,

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:

Splitter/Collapse/Expand

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!
Tags
Splitter
Asked by
gzzn
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Share this question
or