Jumbo 5.0
Search…
Jumbo 5.0
Overview
Package Content
Installation and Setup
Environment Setup
Project Setup
Structure
Folder Structure
Layouts
Style Customization
Color Schemes
Card Radius
Fonts
Settings
Template Settings
Customize Horizontal Menu
Customize Vertical Menu
Defining New Route
Authentication
RTL Support
Language
Extract a component
Change logs
NEXT JS
Project Setup
Folder Structure
Authentication
Laravel Version
Environment Setup
Folder Structure
Project Setup
Articles
Change collapse behavior of drawer
Powered By
GitBook
Customize Vertical Menu
Add, Edit and Delete a 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
1yr ago
Copy link
Contents
Section
Collapse
Item