New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Animations

The ExpandAnimation and CollapseAnimation tags of RadAutoCompleteBox 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.

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

See Also

In this article