Collapse All Expand All

This walkthrough shows you how to customize transition visual effect of a page.

In this walkthrough, you perform the following tasks:

• Create a new navigation application using Intersoft ClientUI Advanced Navigation project template.
• Customize the page transition effect and duration in UXFrame.

Prerequisites

You need the following components to complete this walkthrough:

• Visual Studio 2010
• Silverlight 4 Tools for Visual Studio 2010
• Intersoft ClientUI

Creating a new Intersoft ClientUI Advanced Navigation Project

The first step is to create a new ClientUI Advanced Navigation project using Intersoft ClientUI Advanced Navigation project template in Visual Studio.

To create the ClientUI Advanced Navigation project

1. Start Visual Studio 2010.
2. Create a new ClientUI Advanced Navigation project using Intersoft ClientUI Advanced Navigation project template. To learn more, see Walkthrough: Create New Intersoft ClientUI Advanced Navigation Application Template.

Customizing Page Transition Effect and Duration

The template already provide MainPage with navigation feature implemented. By default the EnablePageTransition is set to True, with DefaultTransitionEffect and NewTransitionEffect both set to FlipLeft in the ContentFrame UXFrame.

This section shows how to modify the page transition effect and duration.

To customize PageTransition effect and duration

1. Open the MainPage.xaml
2. Select the ContentFrame UXFrame and set the following properties:
   

   Property	Value
   DefaultTransitionEffect	ZoomIn
   NewTransitionEffect	ZoomIn
   BackTransitionEffect	ZoomOut
   TransitionDuration	0.5

Conclusion

In this walkthrough, you have learned how to create ClientUI Advanced Navigation project using Intersoft ClientUI Advanced Navigation project template. You also learned how to customize page transition in UXFrame.

To learn more  about page transition, see Advanced Features in ClientUI Navigation Framework.