Skip to main content
A newer version of this page is available. .
All docs
V20.2

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 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 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 blazor add navigation item

Next Lesson

Implement Property Value Validation in the Application Model

See Also