Telerik Extensions for ASP.NET MVC

Version Q1 2012, released 04/19/2012

Animation Effects

Animate with...

The client-side code of the Telerik Extensions for ASP.NET MVC is based on the open source and Microsoft-supported jQuery JavaScript library. By using jQuery, the Telerik Extensions minimize their client-side footprint and draw on the power of jQuery for advanced visual effects as well as for an easy and reliable way to work with HTML elements.

Telerik is renowned for making its product consistent across all major browsers: Internet Explorer, Firefox, Safari, Opera and Google Chrome. If an update or a new browser is coming, the Telerik web components will be the first to support it!

You can achieve unprecedented performance for your web application with the lightweight, semantically rendered Extensions that completely leverage the ASP.NET MVC model of no postbacks, no ViewState, and no page life cycle. Additional performance gains are delivered through the Extensions’ Web Asset Managers, which enable you to optimize the delivery of CSS and JavaScript to your pages. You combine, cache, and compress resources resulting in fewer requests that your page must make to load, improving page load time performance.

The Telerik Extensions for ASP.NET MVC are licensed under the widely adopted GPLv2. In fact, the complete source for the Extensions is available on CodePlex. For those that need dedicated support or need to use the Extensions in an environment where open source software is hard to get approved, Telerik provides a commercial license with support included.

About this example ASPXRazor

This example shows how to configure Telerik TabStrip 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().TabStrip()
        .Name("TabStrip")
        .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: