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
Get Updates on the Splunk Community!

AI for AppInspect

We’re excited to announce two new updates to AppInspect designed to save you time and make the app approval ...

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

As we step into 2026, it’s the perfect moment to reflect on what an extraordinary year 2025 was for the Splunk ...

Operationalizing Entity Risk Score with Enterprise Security 8.3+

Overview Enterprise Security 8.3 introduces a powerful new feature called “Entity Risk Scoring” (ERS) for ...