ComponentOne Window for ASP.NET AJAX: Window for ASP.NET AJAX Behavior > Animation > Animation Effects

Animation Effects

You can customize interaction with the C1Window control using any of the twenty-six built-in effects. You can change how the control is shown and hidden by setting the AnimationEffectOnShowing and AnimationEffectOnHiding properties. You can change how the control expands and collapses by setting the AnimationEffectOnExpanding and AnimationEffectOnCollapsing properties. By default these four properties are set to None and the control does not use any animation effects.

 Sample Project Available

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

Available Animation Effects

The following table describes each animation effect choice. Note that while you can use all animations to show, hide, 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.