ComponentOne SuperPanel for ASP.NET AJAX: SuperPanel for ASP.NET AJAX Quick Start > Step 4 of 4: Adding Animation Effects to C1SuperPanel

Step 4 of 4: Adding Animation Effects to C1SuperPanel

C1SuperPanel includes 31 built-in scrolling animation effects for when you perform horizontal or vertical scrolling on C1SuperPanel. These effects can be set using the AnimationEasing property. In the following steps you will add a bouncing animation effect to the horizontal and vertical scrolling. You will also increase the value of the AnimationDuration property to increase the duration of the scrolling animation. The following steps assume you've completed the Step 3 of 4: Creating a Mixed Scroll Mode in Code topic.

Complete the following steps:

1.   Select C1SuperPanel on the Web page and then navigate to its properties window.

2.   Expand the PanelBehaviorSettings node to reveal another list of properties and then complete the following:

      Set the AnimationEasing property to "EaseinBounce". This property determines the animation transition effect for the scrolling.  

      Set the AnimationDuration property to "1500". This will lengthen the duration of the animation effect, guaranteeing that you will notice the effect when you build the project.

3.   Press F5 to run your application and notice the bouncing effect when you scroll in the C1SuperPanel control.

Congratulations, you've completed this quick start guide!


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.