The C1DialogExtender control supports animation. You can control animation when the dialog window is hidden, expanded, collapsed, or opened.

1. Create an ASP.NET Web application.
2. Add a standard Panel control to the main content of your page.
3. Insert the following markup within the Panel markup to create the dialog window:

<h2>

            Dialog</h2>

        <br />

        <span>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</span>

4. Click the Panel smart tag and select Add Extender from the Tasks menu.
5. In the Extender Wizard, select C1DialogExtender and click OK. A C1DialogExtender control is added to the page and the TargetControlID is set to Panel1.
6. Select View | Properties Window in the Visual Studio menu.
7. Click the drop-down list at the top of the Properties window and select Panel1_C1DialogExtender.
8. Set the C1DialogExtender.Show property to bounce.
9. Set the C1DialogExtender.Hide property to slide.
10. Expand the CollapsingAnimation | Animated property and set the Effect property to Fade.
11. Expand the ExpandingAnimation | Animated property and set the Effect property to Explode.

Your markup should look similar to this:

<cc1:C1DialogExtender ID="Panel1_C1DialogExtender" runat="server"

        CloseOnEscape="False" Hide="slide" Show="bounce" TargetControlID="Panel1">

        <CollapsingAnimation>

            <Animated Effect="fade" />

        </CollapsingAnimation>

        <ExpandingAnimation>

            <Animated Effect="explode" />

        </ExpandingAnimation>

    </cc1:C1DialogExtender>

12. Run the application and minimize/maximize, close, and open the dialog window to see the animation effects.