ComponentOne Expander for ASP.NET AJAX: Expanding and Collapsing C1Expander > Expand and Collapse Animations

Expand and Collapse Animations

C1Expander includes twenty-six built-in animation options that allow you to completely customize interaction with the C1Expander control. You can change how the control expands and collapses by setting the ExpandAnimation and CollapseAnimation properties. By default the ExpandAnimation and CollapseAnimation properties are set to None and the control expands and collapses without an animation effect used.

 Sample Project Available

For a demonstration of each animation effect possible in the C1Expander control, see the Animation page of the ControlExplorer sample.

The following table describes each animation effect choice. Note that while you can use all animations to expand or collapse the control, the terms "expands" and "collapses" were used to indicate which selection is suggested for each animation:

 

Name

Description

None (default)

No animation used.

FadeIn

Expands body of the control so that it appears to fade in.

FadeOut

Collapses the body of the control, so that it appears to fade out.

ScrollInFromTop

Expands the body of the control, scrolling into view from the top.

ScrollInFromRight

Expands the body of the control, scrolling into view from the right.

ScrollInFromBottom

Expands the body of the control, scrolling into view from the bottom.

ScrollInFromLeft

Expands the body of the control, scrolling into view from the left.

ScrollOutToTop

Collapses the body of the control, scrolling out of view to the top.

ScrollOutToRight

Collapses the body of the control, scrolling out of view to the right.

ScrollOutToBottom

Collapses the body of the control, scrolling out of view to the bottom.

ScrollOutToLeft

Collapses the body of the control, scrolling out of view to the left.

Fold

Collapses the body of control vertically and then horizontally so it appears to fold.

UnFold

Expands the body of control horizontally and then vertically so it appears to unfold.

OpenVertically

Expands the body of control vertically from the center of the body area.

CloseVertically

Collapses the body of control vertically from the center of the body area.

OpenHorizontally

Expands the body of control horizontally from the center of the body area.

CloseHorizontally

Collapses the body of control horizontally from the center of the body area.

Shake

Expands or Collapses the body of control with a horizontal shaking motion.

Bounce

Expands or Collapses the body of control with a vertical bouncing motion.

DropInFromTop

Expands the body of the control from below the control to the top.

DropInFromRight

Expands the body of the control from the left of the control to the right.

DropInFromBottom

Expands the body of the control from above the control to the bottom.

DropInFromLeft

Expands the body of the control from the right of the control to the left.

DropOutToTop

Collapses the body of the control out to above the control.

DropOutToRight

Collapses the body of the control out to the right of the control.

DropOutToBottom

Collapses the body of the control out to below the control.

DropOutToLeft

Collapses the body of the control out to the left of the control.


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