Drift Angular
Search…
Drift Angular
Overview
Package Content
Installation and Setup
Setup Environment
Setup Project
Setup Layout
Deployment
Structure
Folders and Files Structure
Layouts
Drift Icons
Stylesheets
Overview
Sass Variables
Layouts & Theme
Fonts
Colors
Back Ground Images
Margin & Paddings
Theme Customization
RTL Version
Settings
Template Setting
Customize Horizontal Menu
Customize Vertical Menu
Create a Page
Define Routes
Root Loader
RTL
Internationalization
Components
Alerts
Badges
Breadcrumbs
Buttons
Button Group
Cards
Card Group
Collapse
Dropdowns
Progress Bar
Tabs
Powered By
GitBook
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
1.
Group
2.
Collapse
3.
Item
Group
1
{
2
id
:
'id of the menu'
,
3
title
:
'Title of the menu'
,
4
translate
:
'Translation Key'
,
5
type
:
'group'
,
6
icon
:
'icon of the menu'
,
7
children
:
[..
submenu items
..]
8
}
Copied!
Collapse
1
{
2
id
:
'id of the menu'
,
3
title
:
'Title of the menu'
,
4
translate
:
'Translation Key'
,
5
type
:
'collapse'
,
6
icon
:
'icon of the menu'
,
7
children
:
[..
submenu items
..]
8
}
Copied!
Item
1
{
2
id
:
'id of the menu'
,
3
title
:
'Title of the menu'
,
4
translate
:
'Translation Key'
,
5
type
:
'item'
,
6
icon
:
'icon of the menu'
,
7
url
:
'route url'
8
}
Copied!
Settings - Previous
Customize Horizontal Menu
Next - Settings
Create a Page
Last modified
2yr ago
Copy link
Contents
Group
Collapse
Item