Animations

The ExpandAnimation and CollapseAnimation tags of RadDropDownList are used to customize the way the drop-down list is expanded and collapsed. For each expand or collapse animation, you can specify Type and Duration:

• The Type is one of the following pre-defined animation types:

  • Linear

  • InQuad

  • OutQuad

  • InOutQuad

  • InCubic

  • OutCubic

  • InOutCubic

  • InQuart

  • OutQuart

  • InOutQuart

  • InQuint

  • OutQuint

  • InOutQuint

  • InSine

  • OutSine

  • InOutSine

  • InExpo

  • OutExpo

  • InOutExpo

  • InBack

  • OutBack

  • InOutBack

  • InBounce

  • OutBounce

  • InOutBounce

  • InElastic

  • OutElastic

  • InOutElastic

• The Duration is set in milliseconds.

Example 1: A sample animation configuration.

ASPNET

<telerik:RadDropDownList RenderMode="Lightweight" ID="RadDropDownList1" runat="server">
	<ExpandAnimation Type="InBounce" Duration="300" />
	<CollapseAnimation Type="OutQuint" Duration="200" />
</telerik:RadDropDownList>

See Also