Adding New Menu

Adding a new menu item in the template is pretty simple. You don't have to add the menu separately for horizontal layouts and vertical layouts. You simply have to add a new menu to a single file and the menu will be added to all the layouts automatically.

Steps to add a new menu:-

1. Go to the file with the path: -

src/modules/routesConfig.js

2. Adding a group of menu's:-

If you want to add a group to the menu, Just add a new object in the above-said file with the following properties as shown in the below screenshot:-

The children's property of a group contains objects as shown below.

3. Adding Collapse type Menu:-

To add a collapse type menu, go to the 'routesConfig' file (path given in step 1) and add a new object to the 'routesConfig' array. The new object show look like this:-

4. Adding a menu item:-

Adding a menu item is very easy, You just have to add an object in the 'routesConfig' array in the 'routesConfig' file (path given in step 1). The Item object should look contain the following properties as shown in the screenshot shown below.

In the nutshell, You just have to add an object in order to array a new menu.