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!

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Watch On Demand the Tech Talk on November 6 at 11AM PT, and empower your SOC to reach new heights! Duration: ...

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...