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 119 Views

Splitter

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

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">

<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>

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

1 Answer, 1 is accepted