Telerik Extensions for ASP.NET MVC

Version Q1 2012, released 04/19/2012

Animation Effects

  • Item 1
    • Child Item 1.1
    • Child Item 1.2
    • Child Item 1.3
    • Child Item 1.4
  • Item 2
  • Item 3
  • Item 4

Animate with...

About this example ASPXRazor

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.

Get more than expected!

Take the Telerik Extensions for ASP.NET MVC to your Visual Studio projects to truly experience their power. Download your free copy now and jumpstart your development with the available learning resources.

The Extensions are offered in both open source and commercial versions the differences between which are well explained in the licensing FAQ.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Other Demos: