All docs
V21.2
21.2
21.1
20.2
20.1
The page you are viewing does not exist in version 20.1. This link will take you to the root page.
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
.NET Framework 4.5.2+
.NET Framework 4.5.2+
.NET Standard 2.0+
.NET 5.0+

Add an Item to the Navigation Control

This lesson explains how to add an item to the navigation control.

In this lesson you will add a Notes item to the navigation control. When a user clicks this item, the application displays a List View for the Note business class added in the following lesson: Add an Action that Displays a Pop-Up Window.

xaf ASP.NET Core Blazor add navbar item

Step-by-Step Instructions

  1. Double-click the Model.DesignedDiffs.xafml file in the MySolution.Module project, the Model Editor opens. In the tree view, navigate to the NavigationItems | Items | Default | Items node. To add a child item to a navigation item, right-click the Items node and select Add… | NavigationItem from the invoked context menu.

    xaf ASP.NET Core Blazor add navigation item

  2. Specify the following properties for the newly added node:

    • Set the View property to Note_ListView.
    • Set the Caption property to Notes.
    • Set the Id property to Note.

    Tutorial_EF_Lesson4_4

  3. Run the application. You now have an additional navigation item that allows you to add and edit plain text notes.

    xaf ASP.NET Core Blazor add navigation item

Next Lesson

Implement Property Value Validation in the Application Model

See Also