Splunk Enterprise

Why does this CSS code work when it's put directly in a dashboard but not with an external sheet?

jip31
Motivator

Hello!

The CSS code below works when I put it directly in my dashboard but not with an external sheet.

 

 

<panel depends="$visible$">
<html>
<style>
div[data-test-panel-id^='relative'],
div[data-test-panel-id^='realTime'],
div[data-test-panel-id^='date'],
div[data-test-panel-id^='dateTime'],
div[data-test-column-id^='past'],
div[data-test-panel-id^='advanced'],
div[data-test^='real-time-column']
{
display: none;
}
</style>
</html>
</panel>

 

 

I call the sheet like this:

 

 

<form stylesheet="time.css">

 

 

What is wrong please?

Tags (1)
0 Karma

jip31
Motivator

is anybody can help please?

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Where have you stored the external stylesheet?

0 Karma

jip31
Motivator

have you an idea please?

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

What path in appserver is the file stored?

If you inspect the page, are there any indications that it can't find the stylesheet?

0 Karma

jip31
Motivator

the path is etc/apps/MyApp/appserver/static/timepicker.css

If I inspect the page, it opens the css stylesheet correctly

0 Karma

jip31
Motivator

in appserver

0 Karma
Get Updates on the Splunk Community!

Get Operational Insights Quickly with Natural Language on the Splunk Platform

In today’s fast-paced digital world, turning data into actionable insights is essential for success. With ...

What’s New in Splunk Observability Cloud – June 2025

What’s New in Splunk Observability Cloud – June 2025 We are excited to announce the latest enhancements to ...

Almost Too Eventful Assurance: Part 2

Work While You SleepBefore you can rely on any autonomous remediation measures, you need to close the loop ...