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!

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Splunk introduced persistent queueing at the tcpout layer as one of the most practical resilience features in ...

Build resilience for the agentic era: Join us at Splunk Go San Jose

AI is changing how organizations build, operate, and secure digital services. As teams adopt AI agents and ...

Manage Edge Processor pipelines end to end with APIs

This guide uses the Data Management APIs to create an Edge Processor, onboard one instance, deploy a pipeline ...