Intersoft ClientUI Documentation
How-to: Use UXDock as Navigation Source
See Also Send Feedback
Intersoft ClientUI 7 > ClientUI Fundamentals > Navigation Overview > Navigation How-to Topics > How-to: Use UXDock as Navigation Source

Glossary Item Box

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

©2012. All Rights Reserved.