Intersoft ClientUI Documentation
How-to: Use UXDock as Navigation Source
Intersoft ClientUI 8 > ClientUI Fundamentals > Navigation Overview > Navigation How-to Topics > How-to: Use UXDock as Navigation Source

This example shows how to use UXDock as navigation source.

Example

Description

The container type of UXDock is UXDockButton. UXDockButton is inherited from UXStackButton. Therefore both of them shared the same item container type, which is UXStackItem.

UXStackItem implements INavigationSource that allows navigation using UXStackItem. You can implement navigation through NavigateUri properties.

The following example shows how to uses UXDock as navigation source.

Code

XAML
Copy Code 
<Intersoft:UXFrame>
    <Intersoft:UXFrame.UriMapper>
        <Intersoft:UriMapper>
            <Intersoft:UriMapping Uri="" MappedUri="/Views/HomePage.xaml"></Intersoft:UriMapping>
            <Intersoft:UriMapping Uri="/{Page}" MappedUri="/Views/{Page}.xaml"></Intersoft:UriMapping>
        </Intersoft:UriMapper>
    </Intersoft:UXFrame.UriMapper>
</Intersoft:UXFrame>
<Intersoft:UXDock>
    <Intersoft:UXDockButton Text="Social" Icon="/UXDockAsNavigation;component/Images/ShareLarge.png" StackMode="ArcStyle">
        <Intersoft:UXStackItem Text="Delicious" NavigateUri="/DeliciousPage" Icon="/UXDockAsNavigation;component/Images/delicious.png"></Intersoft:UXStackItem>
        <Intersoft:UXStackItem Text="Digg" NavigateUri="/DiggPage" Icon="/UXDockAsNavigation;component/Images/digg.png"></Intersoft:UXStackItem>
        <Intersoft:UXStackItem Text="Facebook" NavigateUri="/FacebookPage" Icon="/UXDockAsNavigation;component/Images/facebook.png"></Intersoft:UXStackItem>
        <Intersoft:UXStackItem Text="Flickr" NavigateUri="/FlickrPage" Icon="/UXDockAsNavigation;component/Images/flickr.png"></Intersoft:UXStackItem>
        <Intersoft:UXStackItem Text="Linkedin" NavigateUri="/LinkedinPage" Icon="/UXDockAsNavigation;component/Images/linkedin.png"></Intersoft:UXStackItem>
        <Intersoft:UXStackItem Text="Twitter" NavigateUri="/TwitterPage" Icon="/UXDockAsNavigation;component/Images/twitter.png"></Intersoft:UXStackItem>
    </Intersoft:UXDockButton>
</Intersoft:UXDock>
See Also
UXDock Class
UXStackItem Class

Concepts

Navigation Overview

Other Resources

Locating the Samples in Local Installation
Navigation How-to Topics
Navigation Walkthroughs
Walkthroughs and How-to Topics