topic Re: How to add custom navMenu items in Qlik Sense Extension? in Integration, Extension & APIs

How to add custom navMenu items in Qlik Sense Extension?

Anonymous — Sun, 01 Jul 2018 15:45:14 GMT

Hello Everyone,

I need to add custom menu Items to my qlik sense extension as below:

I have explored a little bit and saw this in the DOM:

```

```

But I am not sure how to add my custom items in this navMenu, any ideas or suggestions are welcome.

Thank you in advance.

Anonymous — Mon, 13 Aug 2018 08:41:23 GMT

I found the solution while going through the $scope object.

The navMenu object is located at: $scope.$parent.$parent.navMenu

To add custom option, create a object as below:

var customBtnNavMenu = {

'action': $scope.callBackFunction, // main callback function for the nav menu

'cssClasses': 'lui-icon lui-icon--cogwheel white border', // css classes

'isVisible': isVisible, // call back function to decide visibility

'tid': 'nav-menu-custom', // unique identifier

'translation': 'My Custom Nav Option' // title that shows up on hovering

};

Add it to the nav Menu:

$scope.$parent.$parent.navMenu.items.push(customBtnNavMenu);

Thank You!

BalaBhaskar_Qlik — Mon, 13 Aug 2018 12:34:51 GMT

That's good, helpful to others.

NitinK7 — Wed, 07 Oct 2020 15:21:14 GMT

Hi,

How can we hide fullscreen icon using custome theme css file