Customize Vertical Menu

Add, Edit and Delete a Vertical Menu

To customize the vertical menu for layouts you would need to go to:
src / app / layouts / {specific-layout} / navigation / navigation.model.ts
In this model file, you can change the json object to customize the menu items.
There are three type in Vertical Menu
Group
Collapse
Item
Group
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'group',
    icon: 'icon of the menu',
    children: [..submenu items..]
}
Collapse
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'collapse',
    icon: 'icon of the menu',
    children: [..submenu items..]
}
Item
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'item',
    icon: 'icon of the menu',
    url: 'route url'
}

Settings - Previous

Customize Horizontal Menu

Next - Settings

Create a Page

Last updated 2 years ago