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!

Introducing ITSI 5.0: Unified Visibility and Actionable Insights

Introducing ITSI 5.0: Unified Visibility and Actionable Insights Tuesday, July 21, 2026  |  10:00AM PT / ...

Inside Splunk Agent Observability: Understanding Agent Behavior, Tokens & Costs

Inside Splunk Agent Observability:Understanding Agent Behavior, Tokens & Costs Thursday, August 06, ...

From Data to Insight: Announcing the Winners of the Splunk Dashboard Contest

Hi Splunkers, First off, thank you to everyone who participated in our very first From Data to Insight: The ...