Hi ewart,
In order to achieve your goal you will have to choose some animation type. You can check our
Expand Animation online example and choose the best to fit your needs. In addition, here's a sample code snippet that shows the needed approach.
<telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem" Height="400px" Skin="WebBlue"> |
<CollapseAnimation Duration="200" Type="Linear" /> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem1"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem2"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem3"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 5"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 6"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem4"> |
<Items> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelItem> |
</Items> |
<ExpandAnimation Duration="200" Type="Linear" /> |
</telerik:RadPanelBar> |
Kind regards,
Paul
the Telerik team