Intersoft ClientUI Documentation
NavigationDirection Property (ContentTransition)



Intersoft.Client.UI.Controls Namespace > ContentTransition Class : NavigationDirection Property
Specifies the direction mode that controls how the control should perform its transition.
Syntax
<CategoryAttribute("Common Properties")>
Public Property NavigationDirection As TransitionContentDirection
Dim instance As ContentTransition
Dim value As TransitionContentDirection
 
instance.NavigationDirection = value
 
value = instance.NavigationDirection
[CategoryAttribute("Common Properties")]
public TransitionContentDirection NavigationDirection {get; set;}
[CategoryAttribute("Common Properties")]
public:
property TransitionContentDirection NavigationDirection {
   TransitionContentDirection get();
   void set (    TransitionContentDirection value);
}
Remarks

ContentTransition provides a more efficient way to manage the transitions. For example, you can configure ContentTransition to automatically select the transition to apply based on navigation direction. This feature is particularly useful in scenarios typically found in modern UI applications, for instances, perform a sliding transition when navigation backward or a flip effect when showing options, and many more.

To customize the transition based on navigation direction, you set the NavigationDirection property of the ContentTransition in code before you specify the new content. The value of the NavigationDirection property maps to the specific transition property such as described in the following table.

NavigationDirection Mapped Property
Back BackTransition
Forward ForwardTransition
Replace ReplaceTransition
Parent ParentTransition
Child ChildTransition
Default DefaultTransition
Unknown DefaultTransition

The following example shows how to setup the ContentTransition to automatically apply FlipUp transition which is specified in the BackTransition property when the NavigationDirection is set to Back.

XAML
Copy Code 
<Intersoft:ContentTransition BackTransition="FlipUp">

    <Image Source="/ClientUIApplication_Docs;component/Assets/Images/dvdunesk.jpg" VerticalAlignment="Center" />

</Intersoft:ContentTransition>
C#
Copy Code 
private void UXButton_Click(object sender, RoutedEventArgs e)
{
    contentTransition1.NavigationDirection = Intersoft.Client.UI.Controls.TransitionContentDirection.Back;

    Image image = new Image();
    image.Source = new BitmapImage(
            new Uri("/ClientUIApplication_Docs;component/Assets/Images/ClientUIBg.jpg", UriKind.RelativeOrAbsolute));

    contentTransition1.SetContent(image);
}

Since the ContentTransition is a standalone content control, you are required to set the navigation direction manually to apply the effect differently. For navigation scenarios that use this feature automatically, please use the UXFrame control. For more information, see Navigation Overview.

Requirements

Target Platforms: Windows 7, Windows Vista SP1 or later, Windows XP SP3, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2

See Also

Reference

ContentTransition Class
ContentTransition Members

Send Feedback