Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
hanstorsvik
Contributor II
Contributor II

Sheet navigation with Widgets

Hi,

So I created a widget for navigation.

But it only works when hard coding the values?

But when I look into the DOM explorer (F12)

I got the same code for the 2 links...

<div>{{navigation.getCurrentSheetId().sheetId;}}</div>

<div ng-click="navigation.gotoSheet('{{settings.Link1}}');">{{settings.Link1}}</div>       Don't work

<div ng-click="navigation.gotoSheet('44317e68-c4fe-42c7-8cd7-a67f4baf5f06');">{{settings.Link1}}</div>  Work!!!

resultingDom.PNG

So what I'm I missing?

And Yes I already looked into various Extensions and so...

BR

Hans

1 Solution

Accepted Solutions
hanstorsvik
Contributor II
Contributor II
Author

Ok,

I found the answer...

Just use <div ng-click="navigation.gotoSheet(settings.HsheetId);">{{settings.HsheetId}}</div>

BR

Hans

View solution in original post

2 Replies
hanstorsvik
Contributor II
Contributor II
Author

Ok,

I found the answer...

Just use <div ng-click="navigation.gotoSheet(settings.HsheetId);">{{settings.HsheetId}}</div>

BR

Hans

deerhunter
Creator
Creator

Looking at your post and was wondering if you could provide instructions on how to bind this all together in the navigation bar (menu) widget?

The steps to make this appear are not clear to me, need some help if you can be so kind to walk me through a simple example. I'm running the Feb 2019 release of Qlik Sense.

say for example:

Build a widget that enables users to drag the widget on a sheet. Lets say for simplicity, I have 2 dashboards i want to place in the navigation bar. (Dashboard1/Dashboard2) Each menu will show a drop-down with the ability to access multiple sheets within each dashboard.

Thank you for your help