You can add animation effects to four C1Dialog properties in either Design View or Source View. There are four properties that you can alter to animate C1Dialog:Closing Animation,Expanding Animation, Hide, and Show. This topic will walk you through applying animation effects in Design View and in Source View.

In Design View

Complete the following steps:

1. Select View | Properties from the Visual Studio menu and select C1Dialog from the drop-down list at the top of the window.
2. Locate the ClosingAnimation property in the list.
3. Use the arrows to expand the property node.
4. Go to ClosingAnimation:Animated:Effect and enter bounce.
5. Find the ExpandingAnimation property and use the arrows to expand the property node.
6. Go to ExpandingAnimation:Animation:Effect and enter shake. Your Properties window should resemble the following image:

   

7. Press F5 or start debugging to run the program.

In Source View

1. Add the following markup within your <cc1:C1Dialog> tags to set your Show and Hide animation effects.
2. Add the following markup before the <Content> tag to set your Expanding and Collapsing animation effects:
3. Run your program to see the animation effects you have applied to your project.