Customize Vertical Menu

We are using Coremat Pro package in this template. Coremat navigation component (CmtNavigation) is being used for the navigation in Jumbo.
For Vertical menu we are using CmtVertical navigation component.
There are three types in Vertical Menu:
1.Section
2.Collapse
3.Item
Section
1
{
2
    name: 'Title of the menu',
3
    type: 'section',
4
    icon: 'icon of the menu',
5
    children: [..submenu items..]
6
}
Copied!
Collapse
1
{
2
    name: 'Name of the menu',
3
    type: 'collapse',
4
    icon: 'icon of the menu',
5
    children: [..submenu items..]
6
}
Copied!
Item
1
{
2
    name: 'Name of the menu',
3
    type: 'item',
4
    icon: 'icon of the menu',
5
    link: 'route url'
6
}
Copied!
The vertical menu bar is only available for “vertical” layouts. To customize the vertical menu, you would need to go to:
src / @jumbo / components / AppLayout / partials / Sidebar / index.js 
In this file you can change the JSON object navigationMenus to customize the menu items.

Settings - Previous

Customize Horizontal Menu

Next - Settings

Defining New Route

Last modified 11mo ago

Copy link

Contents

Section

Collapse

Item