Telerik Extensions for ASP.NET MVC

Animation Effects

Theme: vista

Animate with...

About this example

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

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

Use the configurator to experiment with the animation settings.