Rename and Rearrange Navigation Items

Sep 09, 2024
2 minutes to read

This lesson describes how to rename the navigation control items and change their order of placement in the navigation control.

At this stage, the names of the navigation items and their placement are inconsistent. Since this is the autogenerated UI, the application places the items in alphabetical order by corresponding entity class names. For example, the Task item represents the DemoTask class and occupies the first position in the navigation control.

The instructions below use the Model Editor to change all item names to plural and reorganize item order as follows:

Employees
Departments
Positions
Tasks
Notes
Payments

Step-by-Step Instructions

Expand the MySolution.Module project and double-click the Model.DesignedDiffs.xafml file to invoke the Model Editor. Navigate to the NavigationItems | Items | Default | Items node and expand it.
Set the Caption property of every child node to a plural noun: Employees, Tasks, Departments, and so on.
The Index property defines the order of navigation items. Change the value of the Index property in every node as follows:

Node name Index value

Employees 0

Departments 1

Positions 2

Tasks 3

Notes 4

Payments 5

Tip
You can select the node and use ALT + UP or ALT + DOWN to move it one position up or down in the node tree. For additional information, refer to Node Tree.
Run the application to see the changes in the navigation control:

ASP.NET Core Blazor

Windows Forms