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!

Data Management Digest – November 2025

  Welcome to the inaugural edition of Data Management Digest! As your trusted partner in data innovation, the ...

Splunk Mobile: Your Brand-New Home Screen

Meet Your New Mobile Hub  Hello Splunk Community!  Staying connected to your data—no matter where you are—is ...

Introducing Value Insights (Beta): Understand the Business Impact your organization ...

Real progress on your strategic priorities starts with knowing the business outcomes your teams are delivering ...