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!

The OpenTelemetry Certified Associate (OTCA) Exam

What’s this OTCA exam? The Linux Foundation offers the OpenTelemetry Certified Associate (OTCA) credential to ...

From Manual to Agentic: Level Up Your SOC at Cisco Live

Welcome to the Era of the Agentic SOC   Are you tired of being a manual alert responder? The security ...

Splunk Classroom Chronicles: Training Tales and Testimonials (Episode 4)

Welcome back to Splunk Classroom Chronicles, our ongoing series where we shine a light on what really happens ...