Dashboards & Visualizations

How To Use Two Different CSS Files For A Dashboard?

vtsguerrero
Contributor

How can I include different css files for one dashboard?

Tags (2)
0 Karma
1 Solution

gyslainlatsa
Motivator

hi vtsguerrero,
try to put this in the header of the code of your dashboard

<dashboard  stylesheet="file1.css, file2.css">
    --------
</dashboard>

try and let me know if it working

View solution in original post

LukeMurphey
Champion

You can do this with a CSS import declaration.

For the sake of this example, assume that the view imports the CSS file "mystyle.css":

<form stylesheet="mystyle.css">
 ...

The mystyle.css file then includes CSS import declarations which import other files:

@import url("style1.css");
@import url("style2.css");

Note that the import declarations need to be at the top of your CSS files (before other styling statements).

gyslainlatsa
Motivator

hi vtsguerrero,
try to put this in the header of the code of your dashboard

<dashboard  stylesheet="file1.css, file2.css">
    --------
</dashboard>

try and let me know if it working

vtsguerrero
Contributor

Worked well, thanks a lot @gyslainlatsa !

0 Karma
Got questions? Get answers!

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

Meet up IRL or virtually!

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

Get Updates on the Splunk Community!

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas     Cisco Live 2026 is almost here, and this ...

What Is the Name of the USB Key Inserted by Bob Smith? (BOTS Hint, Not the Answer)

Hello Splunkers,   So you searched, “what is the name of the usb key inserted by bob smith?”  Not gonna lie… ...

Automating Threat Operations and Threat Hunting with Recorded Future

    Automating Threat Operations and Threat Hunting with Recorded Future June 29, 2026 | Register   Is your ...