Controls / NavigationView

New to Telerik UI for .NET MAUI? Start a free 30-day trial

.NET MAUI NavigationView Pane

The Telerik UI for .NET MAUI NavigationView has a Pane containing the navigation items. The items can be positioned in the header, footer, or in the content (default) of the Pane element.

Setting Items

Add items to the navigation pane by using the Items (IList<NavigationViewItemBase>) collection.

By default, the navigation items are added to the Pane content. By setting the Position property to the NavigationViewItem you can choose where to position the item.

  • Add navigation items to the header of the Pane by setting the Position to Header.

Here is an example:

<telerik:NavigationViewItem Text="Item 1" 
                            Position="Header"/>
  • Add navigation items to the footer of the Pane by setting the Position to Footer.

Here is an example:

<telerik:NavigationViewItem Text="Item 1" 
                            Position="Footer"/>

If Position is not set, the items are added to the content of the Pane.

You can define a custom template for the Pane header and footer by using the PaneStyle property. In the PaneStyle, set the HeaderTemplate (ControlTemplate) and FooterTemplate(ControlTemplate) properties. For more details, review the Pane Styling article.

Next Steps

How to style the header and footer of the Pane, review the Pane Styling article.

See Also

In this article
Related articles
Not finding the help you need? Improve this article