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!

Event Series: Telemetry Pipeline Management

Balancing Scale and Spend: Gaining Control Over High-Volume Metrics in Splunk Observability Cloud As ...

Kick the Tires Before You Commit: A Hands-On Tour of the Splunk Observability Cloud ...

Evaluating an enterprise observability platform usually goes like this: fill out a form, get a free trial with ...

Deep insights, no barriers: Splunk Observability Cloud Free Edition

As software delivery cycles continue to accelerate, observability shouldn’t be a luxury — it should be a ...