ComponentOne NavPanel for ASP.NET AJAX: NavPanel for ASP.NET AJAX Task-Based Help > Setting the Animation Effects for C1NavPanel

Setting the Animation Effects for C1NavPanel

You can add animation effects to the C1NavPanel control and each of its C1NavPanelPanes by setting any of the animation properties: CollapseEasing, ExpandEasing, and AnimationDuration.

1.   Click the C1NavPanel smart tag to open the C1NavPanel Tasks menu.

2.   Select Edit Panes and choose C1NavPanel1Pane1, or your first C1NavPanelPane.

3.   Set the AnimationDuration property to "1500". This will make the duration of the C1NavPanelPane collapse a little slower so you can see the animation effect.

4.   Set the ExpandEasing property to EaseInBounce, for example, or one of the other options.

5.   Click OK to close the Accordion Form Designer. When you run your project and click the first C1NavPanelPane, notice how it bounces when expanded.


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