Dashboards & Visualizations

HTML: Make panel clickable for hyperlinking

jedatt01
Builder

Can someone tell me how in HTML I can make an entire panel clickable so when clicked it takes you to a specified hyperlink?

Tags (2)

jedatt01
Builder

Figured it out myself.....just had to reach way back to web development days. Will answer to share what I did.

On the div tag that defines the dashboard panel you want to be clickable....add an onclick

<div class="dashboard-panel clearfix" onclick="myhref('http://mysplunkserver:8000/en-US/app/next_level_dashboard');">

Then create a javascript handler for the onclick

<script type="text/javascript">
        function myhref(web){
        window.location.href = web;}
</script>
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Rounding off the Splunk Dashboard Contest

What does a contest-winning Splunk dashboard look like? In this case, it isn't in a browser tab at all. It ...

A Four Part Event Series: AI + Observability: AI Agents, LLMs, Apps, & Infrastructure

AI &#43; Observability: AI Agents, LLMs, Apps, & Infrastructure The rapid evolution of artificial intelligence ...

Splunk Technical Support Is Moving to Cisco Support Tools

Introduction Splunk technical support is transitioning to Cisco’s support environment. This change brings ...