Canvas: Allow for canvas elements to directly open data links

[zs-dima]

Could be nice to add an option to make Canvas panel clickable to be able turn them into beatiful buttons and tiles with extra information.
Curretly it is no option to assign URL to open on panel click.
Panel links and Data links displayed in tooltips only and can not be used in this case.

[gelicia]

I chatted with @zs-dima about this - the request is an option where clicking the element would go directly to the link in question, skipping the tooltip. The example shown at https://play.grafana.org/d/canvas-examples/panel-tests-canvas-examples?orgId=1 is close but the current flow where it clicks to open the tool tip to select the link isn't as straightforward as they'd like.

[zs-dima]

@gelicia thanks a lot for the details.

In addition it would be nice to make not only metric-value elements clickable, but also the Panel itselt.
(or at least to a Rectangle element without a linked field, to be able to put transparent one over the panel as a workarround).

Maybe Button can have option to open URL as well.

Currently it looks a bit strange to press button to open tooltip to press item to open URL...

[GCIotron]

Hello!
We're also interested in the requested feature, in particulary we like to have DataLink defined by canvas's elements (so each element can have it's owns DataLinks) and the canvas's element should be clickable to navigate (skipping the popup) to the DataLink when there is only one DataLink defined for that elment.
I also think that would be useful to show a popup when there are more the one DataLink defined for a canvas's element in order to let the user to choose one of them.

Now we are using the "Stat" panel which do the things well so when there is one DataLink defined, the panel is clickable and the link is opened skipping any popup.

[nmarrs]

Hey @zs-dima - thanks for raising up this issue - I think these two PRs (expanding data link support vastly + one click access mode) get us a little closer to this reality (with a current work around now being adding a phantom data link to a "hidden" property such as background image that will make the element able to include a link)

In this way for your original request you could simply add a transparent rectangle that has its background property tied to a dummy data value and be able to configure clicking on said element bounds to wherever you like achieving the affect you are after.

Screen.Recording.2024-04-01.at.1.03.53.AM.mov