TileNavCategory Class

Represents a navigation element on the root level of the TileNavPane navigation hierarchy.

Namespace: DevExpress.Xpf.Navigation

Assembly: DevExpress.Xpf.Controls.v18.2.dll

Declaration

C#
VB.NET

public class TileNavCategory :
    NavElementBase

Public Class TileNavCategory
    Inherits NavElementBase

Remarks

The TileNavPane is a hierarchical control. Each hierarchy level is rendered as a tile bar, in which elements are represented as tiles. The top hierarchy level is a bar displaying categories (TileNavCategory) as tiles. The second hierarchy level is a bar displaying items (TileNavItem) as tiles. And the last hierarchy level is a bar displaying sub-items (TileNavSubItems) as tiles.

To specify the top-level navigation elements, use the TileNavPane.Categories collection. For each category, you can specify child elements using the TileNavCategory.Items collection. Finally, for each item, you can specify sub-items via the TileNavItem.Items collection.

A click on the Main Button shows top level navigation elements, i.e., TileNavCategory objects stored in the TileNavPane.Categories collection.

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

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.

how-to-generate-items-in-tilenavpane-from-a-collection-t144421/VB/WpfApplication30/MainWindow.xaml#L10

<DataTemplate>
    <dxnav:TileNavCategory Content="{Binding CategoryName}" ItemsSource="{Binding Items}">
        <dxnav:TileNavCategory.ItemTemplate>

how-to-create-tilenavpane-navigation-buttons-and-categories-in-xaml-t326312/VB/WpfApplication303/MainWindow.xaml#L22

</dxnav:TileNavPane.NavButtons>
<dxnav:TileNavCategory Content="Sales">
    <dxnav:TileNavItem Content="Dashboards" TileGlyph="{dx:DXImageGrayscale Image=Pie_32x32.png}" AllowGlyphTheming="True">