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!

New Release of Federated Search: Bringing Splunk Analytics to More of Your Data

Organizations today are generating more data than ever and storing it across cloud object stores, data lakes, ...

Inside Event Intelligence: How ITSI Turns Network Alerts into Actionable Incidents

Tech Talk Inside Event Intelligence: How ITSI Turns Network Alerts into Actionable Incidents   Correlating ...

Observability Simplified: Combining User Experience, Application Performance & ...

  Tech Talk Network to App: Observability Unlocked   Today’s digital environments span applications, ...