Telerik Extensions for ASP.NET MVC

Animation Effects

Theme: vista

Animate with...

About this example

This example shows how to configure Telerik PanelBar for ASP.NET MVC to animate the content of its items. The supported animations are opacity and expand.

  • To configure the expand animation use the Expand method.
  • To configure the opacity animation use the Opacity method.
  • To turn off the expand animation you can use the Toggle method. 
<%= Html.Telerik().PanelBar()
        .Name("PanelBar")
        .Effects(fx => fx.Expand()
                         .Opacity()
                         .OpenDuration(200)
                         .CloseDuration(300)
        )
        .Items(items => { /*items definition*/ })
%>

Use the configurator to experiment with the animation settings.