TileNav Pane
- 2 minutes to read
The TileNavPane control allows you to implement a hierarchical tile menu, consisting of up to three levels.
In the non-expanded state, the TileNav Pane is a nav bar that provides the Main Button from which navigation starts, and navigation breadcrumbs that help an end-user to keep track of the current location in the navigation hierarchy. It is also possible to add custom buttons to the nav bar that will perform an action on a click.
Each navigation hierarchy level is rendered as a dropdown bar, in which elements are presented by 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 (TileNavSubItem) 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 using the TileNavItem.SubItems collection.
By default, a click on the Main Button (see NavButton.IsMain) shows top level navigation elements, i.e. TileNavCategory objects stored in the TileNavPane.Categories collection.
Instead of the three-level hierarchy (categories-items-subitems), you can display a two-level hierarchy (items-subitems) in the TileNavPane. To accomplish this task, add items to the default category (TileNavPane.DefaultCategory) and set the TileNavPane.MainButtonBehavior property to ShowDefaultCategoryItems.
The figure below demonstrates a sample TileNavPane displaying the contents of a DASHBOARDS item, which belongs to the Sales category.