This example shows how to register UXNavigationPane command to a UXButton.

Example

Description

UXNavigationPane is built around the commanding semantics which allows the value changing interaction to be executed through declarative definition in the XAML markup. The commanding semantics is also an ideal approach for MVVM pattern development.

UXNavigationPane already includes several predefined commands to increase or decrease the selected value which you can use in your application. The predefined commands are ShowMoreButton and ShowFewerButton.

The following code example shows how to register ShowMoreButton command to a UXButton by setting the Command and CommandTarget properties.

Code

<StackPanel>
<Intersoft:UXNavigationPane Width="200" x:Name="uxNavPane" />
<Intersoft:UXButton Height="20" Width="200" Content="Invoke Show More Button Command" Command="Intersoft:NavigationPaneCommands.ShowMoreButton" CommandTarget="{Binding ElementName=uxNavPane}"/>
</StackPanel>