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">
<html xmlns="http://www.w3.org/1999/xhtml"><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
0
Richard
Top achievements
Rank 1
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!
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!