NavBarGroup.Content Property

Gets or sets the group’s content. This is a dependency property.

Namespace: DevExpress.Xpf.NavBar

Assembly: DevExpress.Xpf.NavBar.v19.1.dll

Declaration

C#

public object Content { get; set; }

VB.NET

Public Property Content As Object

Property Value

Type	Description
Object	An object that specifies the content of the group.

Remarks

If a group’s NavBarGroup.DisplaySource property is set to DisplaySource.Content, the Content property is used instead of the NavBarGroup.Items property to define any custom content of the group.

To learn more, see the Group Content Model topic.

Example

This examples demonstrates how a group can be created programmatically, and its content can be defined using a StackPanel and two TextBlock controls. The second TextBlock displays the text of the selected item within the NavBarControl.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-programmatically-create-a-navbarcontrol-with-groups-and-items-e1626.

Window1.xaml.cs

private void CreateGroup2(NavBarControl navBar){
    NavBarGroup group2 = new NavBarGroup();
    group2.Header = "Custom Content";
    //Specify that the group's content should be defined via the Content property
    group2.DisplaySource = DisplaySource.Content;

    //Create a StackPanel and specify it as the group's content
    StackPanel stackPanel = new StackPanel() { Orientation = Orientation.Horizontal };
    group2.Content = stackPanel;

    //Define the panel's content by creating two text blocks
    stackPanel.Children.Add(new TextBlock() {Text = "Selected Item: "});

    TextBlock textBlock2 = new TextBlock();
    Binding textBlockTextBinding = new Binding("SelectedItem.Content");
    textBlockTextBinding.Source = navBar; //textBlockTextBinding.Source = navBar.Groups[0];
    //The second text block displays the text of the NavBarControl's selected item
    textBlock2.SetBinding(TextBlock.TextProperty, textBlockTextBinding);
    stackPanel.Children.Add(textBlock2);

    navBar.Groups.Add(group2);
}

Window1.xaml.vb

Private Sub CreateGroup2(ByVal navBar As NavBarControl)
    Dim group2 As New NavBarGroup()
    group2.Header = "Custom Content"
    'Specify that the group's content should be defined via the Content property
    group2.DisplaySource = DisplaySource.Content

    'Create a StackPanel and specify it as the group's content
    Dim stackPanel As New StackPanel() With {.Orientation = Orientation.Horizontal}
    group2.Content = stackPanel

    'Define the panel's content by creating two text blocks
    stackPanel.Children.Add(New TextBlock() With {.Text = "Selected Item: "})

    Dim textBlock2 As New TextBlock()
    Dim textBlockTextBinding As New Binding("SelectedItem.Content")
    textBlockTextBinding.Source = navBar 'textBlockTextBinding.Source = navBar.Groups[0];
    'The second text block displays the text of the NavBarControl's selected item
    textBlock2.SetBinding(TextBlock.TextProperty, textBlockTextBinding)
    stackPanel.Children.Add(textBlock2)

    navBar.Groups.Add(group2)
End Sub

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the Content property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

building-outlook-navigation-menu-using-officenavigationbar-and-navbarcontrol-with-treeview-t329868/VB/NavBarExample/MainWindow.xaml#L45

<dxn:NavBarGroup Header="Mail" DisplaySource="Content" GroupScrollMode="None">
    <dxn:NavBarGroup.Content>
        <TreeView BorderThickness="0">

how-to-use-officenavigationbar-with-navbarcontrol-to-navigate-between-views-t192348/CS/DXSample/MainWindow.xaml#L38

<dxn:NavBarGroup Header="{Binding ViewName}" DisplaySource="Content">
    <dxn:NavBarGroup.Content>
        <ContentControl>

how-to-create-a-navigation-menu-with-treeview-similar-to-outlook-2003-using-sidebarview-t329661/VB/NavBarExample/MainWindow.xaml#L20

<dxn:NavBarGroup Header="Mail" ImageSource="{dx:DXImage Image=Mail_32x32.png}" DisplaySource="Content">
    <dxn:NavBarGroup.Content>
        <TreeView>

how-to-programmatically-create-a-navbarcontrol-with-groups-and-items-e1626/CS/CreateNavBarControlViaCode/Window1.xaml.cs#L78

StackPanel stackPanel = new StackPanel() { Orientation = Orientation.Horizontal };
group2.Content = stackPanel;

how-to-add-smooth-horizontal-scrolling-to-a-navbarcontrol-e4628/VB/NavigationScrolling/MainWindow.xaml#L19

<dxn:NavBarGroup Header="navBarGroup1" DisplaySource="Content">
    <dxn:NavBarGroup.Content>
        <StackPanel Orientation="Vertical" Width="500">

VB.NET

how-to-programmatically-create-a-navbarcontrol-with-groups-and-items-e1626/VB/CreateNavBarControlViaCode/Window1.xaml.vb#L78

Dim stackPanel As New StackPanel() With {.Orientation = Orientation.Horizontal}
group2.Content = stackPanel