topic Re: How to add a Context menu in Developer

How to add a Context menu

n0gare — Tue, 04 Oct 2016 09:42:50 GMT

Hello guys,

I am looking for a way to add a context menu to my visual. Currently my visuals display a graph with nodes and edges. My visual is based on the Force-Directed Graph.

I want a context menu to show up after the user "right clicks" on a node, in that context menu the user is able to select some other functions.

Let's say my current graph represents a group of animals, so when "right clicking" on an elephant-node for example, a context menu shows up in that the user can enter the wikipedia site of an elephant to get more information, or some other function.

I thought to change the tooltip, but maybe there is a better way to do it. And I am not sure if the user is able to interact with the tooltip.

I hope you understand what my goal is.

Best regards!

Re: How to add a Context menu

djnww — Tue, 04 Oct 2016 10:30:51 GMT

Hi. At this point in time, the only solution I can think off is to have a separate table that will display your extra content (ie. URL) when a node is selected. FYI, I am assuming that clicking on a node will act as a filter for other visual charts on the page.

Dan

Re: How to add a Context menu

n0gare — Tue, 04 Oct 2016 10:32:56 GMT

Hi,

That's a good idea.

I will try this out.

Thank you !

Best regards

Re: How to add a Context menu

n0gare — Tue, 04 Oct 2016 13:09:06 GMT

Hey,

Unfortunately this soulution is not working the way I wanted.

Does anyone know if it is even possible to add contextmenus into a power bi visual?

I worked with some tutorials that explain contextmenus for regular javascript, but none of them is working.

I hope you guys can help me .

Best regards!

Re: How to add a Context menu

djnww — Tue, 04 Oct 2016 23:19:58 GMT

Hi @n0gare,

Can you clearly describe what you are trying to achieve ?

Let's assume that you have a stacked bar chart for Product Sales as per the image below. What do you want the chart to do ?

Re: How to add a Context menu

n0gare — Wed, 05 Oct 2016 07:18:24 GMT

Hi djnww,

Let's assume chairs, coffee and books are our products, that we visualize.

So by the look at the visual the user gets a rough overview about the products. but to get further, more specific information, the user can open a contextmenu (with a right click on the object) with links/url to the web.

The link/url for each product would be provided form the (Excel) table, that is used to create the visualization.

As I was looking for help, I found some examples of how I want it to look like. But the approach that was used there is not working.

To add a context menu like in the image below, would be great.

Best regards!

Re: How to add a Context menu

v-chuncz-msft — Thu, 20 Oct 2016 12:00:35 GMT

@n0gare,

To add such a new feature to a custom visual, you may submit an idea or leave a comment at GitHub.

Re: How to add a Context menu

n0gare — Tue, 25 Oct 2016 04:52:16 GMT

Hey Sam,

I tried to add a ContextMenu for quite some time and the only thing I was able to do is to add the basic html contextMenu. The funny thing is that it only worked in a web browser.

Well anyway thank you for your suggestions, I am currentyl thinking about my next step.

Best reagards

n0gare