Rename and Rearrange Navigation Items

• Jul 17, 2023
• 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

1. 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.

2. Set the Caption property of every child node to a plural noun: Employees, Tasks, Departments, and so on.

3. 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.

4. Run the application to see the changes in the navigation control:

   ASP.NET Core Blazor

   

   Windows Forms

   

Next Lesson

Rename and Rearrange Navigation Items