Views Overview

• May 22, 2020
• 2 minutes to read

While the content of the DXNavBar is represented using groups and items, the layout of the content (the arrangement of the control's elements) is realized via Views. The way in which groups and their contents are displayed on screen is specified by the applied View. Views manage the location and visual representation of DXNavBar control elements, and respond to end-user actions, such as expanding/collapsing groups, clicking items, etc.

The DXNavBar control provides the following three view types, allowing you to easily apply the required layout to your navigation control.

Explorer Bar View	Side Bar View	Navigation Pane View
This view is implemented by the ExplorerBarView type.                                                                                      The view emulates the explorer bars found in Microsoft Explorer. Groups are arranged one under another. End-users can expand/collapse each group individually.	This view is implemented by the SideBarView type.                                                                                      The view is similar to the side bars found in Microsoft Outlook, prior to version 2003. Only one group's content can be visible at a time. End-users can click the desired group's header to make that group's content visible. Clicking a collapsed group's header expands the corresponding group, and collapses the previously expanded group.	This view is implemented by the NavigationPaneView type.                                                                                      The behavior and appearance of this view is similar to the Navigation Pane found in Microsoft Outlook 2007. Only one group's content can be visible at a time. End-users can activate a group by clicking its header. The Navigation Pane (that is the entire DXNavbar control) can be collapsed/expanded by a click on the header section's expand button in the same manner as the Navigation Pane in Microsoft Office® 2007.

To apply a View to a DXNavBar control, use the control's NavBarControl.View property.

XAML

<dxn:NavBarControl x:Name="NavBar" >
            <dxn:NavBarControl.View>
                <dxn:ExplorerBarView />
            </dxn:NavBarControl.View>
        ...
        </dxn:NavBarControl>

Each view contains a set of common and view-specific processes that allow the layout and appearance of view elements to be centrally customized.

Concepts

• View Layout Customization
• Styling View Content Elements
• Templating View Elements
• Common Features