Dashboards & Visualizations
Highlighted

Using a clickable image to select query

Explorer

I've generated an image of our network perimeter with the major equipment (Cisco ASA, Palo Alto, etc) providing a visual image of how data flows through the perimeter wall. The image is on the left hand pane of the dashboard. The image is contained in a dashboard through the use of the HTML element to make it clickable. On the right hand pane I have a table.

What I want to do is to use the clickable image in the left pane to display events in the right hand table pane depending on what piece of equipment they click. The fundamental query will change depending on the equipment (firewall versus IDS versus VPN, etc)

Does anyone have a good solution (other than using a dropdown input box?

0 Karma
Highlighted

Re: Using a clickable image to select query

Explorer

So the answer to my problem was in formatting the href in the element. The html file is show and goes in the /appserver/static folder. The image goes in /appserver/static/images folder.

In the dashboard, the reference to the html file is in an html panel using the element.

The challenge now is that when one resizes the browser, the image also resizes which causes problem b/c the imagemap uses absolute positioning. I'm assuming a script can be written to fix this.

+++++++++++++++++

View solution in original post

0 Karma