Add extra menu to navigation menu Navbar

[nunos]

Hi everyone,

I am trying to add a new menu entry on the client navigation menu (client navbar i think, where you have the preferences, last viewed, logout options) top right menu, but with no luck, i edit the navbar.js where that information is and insert the new menu line but changes don't seem to be acepted / updated.

I am editing the right file? not sure

EspoCRM version 8.1.1

Thanks for all your help

Nuno

[eymen-elkum]

Hi,

Here's how to do:

- Create a file custom/Espo/Custom/Resources/metadata/clientDefs/App.json

{
    "navbarView": "custom:views/site/navbar"
}
​

- Create custom navbar js file: client/custom/src/views/site/navbar.js

define('custom:views/site/navbar', ['views/site/navbar'], function (Dep) {
    return Dep.extend({
       getMenuDataList: function () {
         const menuDataList = Dep.prototype.getMenuDataList.call(this);

         menuDataList.push({
            action: 'myCustomAction',
            link: '#MyCustomLink',
            label: this.getLanguage().translate('My Custom Action'),
         });

         return menuDataList;
      }
   });
});
​

[nunos]

Thanks eymen-elkum, it's working just perfectly!!!

And if i want to remove an existing menu? for example, the "Preferences" option?

Nuno

[nunos]

I think to remove some menu options maybe this post can help:

https://forum.espocrm.com/forum/developer-help/95010-is-there-anyway-to-not-allow-a-user-from-changing-their-preferences

[nunos]

Ok guys, to remove the "preferences" menu from the top right menu just follow the info bellow from the above link of the forum.

1 - Create App.json under custom\Espo\Custom\Resources\metadata\clientDefs

{
"navbarView": "custom:views/site/navbar"
}

2 - Create the new custom view navbar.js under client\custom\src\views\site

define('custom:views/site/navbar', ['views/site/navbar'], function (Dep) {

return Dep.extend({

getMenuDataList: function () {

var list = Dep.prototype.getMenuDataList.call(this);

if (!this.getUser().isAdmin()) {
list = list.filter(item => item.link !== '#Preferences');
}

return list;
},
});

});

Thanks to rabii

[rabii]

you are welcome

[yuri]

In v8.4 it will be possible to define menu items through metadata: https://github.com/espocrm/espocrm/issues/3080