Why does this CSS code work when it's put directly...

jip31 · ‎02-09-2022

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?

jip31 · ‎02-14-2022

is anybody can help please?

ITWhisperer · ‎02-09-2022

Where have you stored the external stylesheet?

jip31 · ‎02-10-2022

have you an idea please?

ITWhisperer · ‎02-10-2022

What path in appserver is the file stored?

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

jip31 · ‎02-10-2022

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

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

jip31 · ‎02-09-2022

in appserver

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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Automated Threat Analysis: Available in ES Premier

What’s New in Splunk AI: Volume 02

Best Practices: Splunk auto adjust pipeline queue

Join the Conversation