Intersoft.Client.UI.Aqua.UXCollection Namespace > UXNavigationPane Class : IsExpanded Property |
<CategoryAttribute("Common Properties")> Public Property IsExpanded As Boolean
Dim instance As UXNavigationPane Dim value As Boolean instance.IsExpanded = value value = instance.IsExpanded
[CategoryAttribute("Common Properties")] public bool IsExpanded {get; set;}
[CategoryAttribute("Common Properties")] public: property bool IsExpanded { bool get(); void set ( bool value); }
UXNavigationPane can be initially set to expanded or minimized state by customizing the IsExpanded property, which is set to true by default. As explained in the earlier section, the control automatically transforms the user interface elements according to the expanded or minimized state.
For the best user experiences, it is recommended to use UXNavigationPane together with a content control that supports built-in expand/collapse UI elements such as UXResizablePane. In such scenario, you can bind the IsExpanded property of the UXNavigationPane to the IsExpanded property of the UXResizablePane control. This allows both controls to synchronize the user interface state in realtime without requiring tightly coupling.
The following code shows how to implement the UXNavigationPane control within UXResizablePane, and implement binding for the IsExpanded property for seamless state synchronization.
XAML |
Copy Code
|
---|---|
<Intersoft:UXResizablePane x:Name="MainPane" Header="{Binding SelectedItem.Header, ElementName=NavPane}" MinWidth="54" Width="250" Margin="4,4,0,4" CollapseAction="KeepContentVisible" ResizeDock="Right" HorizontalAlignment="Left" IsExpanded="False"> <Intersoft:UXNavigationPane x:Name="NavPane" Header="Navigation Pane" IsExpanded="{Binding IsExpanded, ElementName=MainPane}"> <Intersoft:UXNavigationPaneItem Header="Mail" DisplayMode="ContentAndImage" Icon="/SLNavigationPane;component/images/Outlook/Mail.png"> <Grid> <ContentPresenter Content="Mail" /> </Grid> </Intersoft:UXNavigationPaneItem> <Intersoft:UXNavigationPaneItem Header="Calendar" DisplayMode="ContentAndImage" Icon="/SLNavigationPane;component/images/Outlook/Calendar.png"> <Grid> <ContentPresenter Content="Calendar" /> </Grid> </Intersoft:UXNavigationPaneItem> <Intersoft:UXNavigationPaneItem Header="Contact" DisplayMode="ContentAndImage" Icon="/SLNavigationPane;component/images/Outlook/Contact.png"> <Grid> <ContentPresenter Content="Contact" /> </Grid> </Intersoft:UXNavigationPaneItem> </Intersoft:UXNavigationPane> </Intersoft:UXResizablePane> |
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