Dashboards & Visualizations

Dashboard prebuilt panel not using JS/CSS from the dashboard

gabriel_vasseur
Contributor

I have things with IDs in my prebuilt panel, e.g.:

<input type="link" id="submit_button6">
<choice value="submit">Gabriel</choice>
</input>

 

And javascript and css loaded in my dashboard:

<form version="1.1" script="GV-Utils:submit_button.js" stylesheet="GV-Utils:submit_button.css">

The panel works when it's in the simple XML of the dashboard, with the CSS applied and the JS triggering actions when the button is clicked as designed, but if I put the panel verbatim in a prebuilt panel and reference it in the dashboard the CSS is not applied and the JS doesn't happen.

The reason I'd like that part of the dashboard in a prebuilt panel is so that users of my app (ES Choreographer | Splunkbase) can safely customise this part of the dashboard without touching the dashboard XML. If users touch the simple XML of the dashboard, it creates a "local" version of the whole dashboard which takes precedence over the "default" version and that for ever prevents this dashboard from being upgraded when the app is upgraded.

Any ideas?

Labels (4)
0 Karma
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 ...