topic Adding Custom CSS to all views? in Dashboards & Visualizations

Adding Custom CSS to all views?

606866581 — Fri, 24 May 2013 11:02:20 GMT

Hi everyone,
I'm re-designing the appearance of the dashboards in my app. The problem I'm facing is that, a large number of my dashboards are using SIMPLE XML, but in order to change the CSS, the XML must reference the new style sheet (myNewStyle.css), correct?

Is there a way I can change all the dashboards, without converting them to advanced XML?

Thanks in advance!

Re: Adding Custom CSS to all views?

Rocket66 — Fri, 24 May 2013 11:09:57 GMT

Add a "application.css" to the $Splunkhome$/etc/apps/[app-directory]/appserver/static/ 🙂

Re: Adding Custom CSS to all views?

606866581 — Fri, 24 May 2013 12:10:46 GMT

So I need to copy the contents of myNewStyle.css over to application.css, and then upload it?
Will changing application.css change other layouts, such as the Manager interface etc, or just dashboards?
Thanks

Re: Adding Custom CSS to all views?

Rocket66 — Fri, 24 May 2013 12:26:52 GMT

Yes - copy your style to the applications.css.

Adding a applications.css only applies scopes of the app(YourApp)-context - neither splunk-internal- (Manager, etc.), nor other apps are affected.

Re: Adding Custom CSS to all views?

Venkat_16 — Tue, 12 May 2015 05:46:16 GMT

Is there any possibility we can use two different sets of dashboard.css for same app?

Re: Adding Custom CSS to all views?

jeffland — Tue, 12 May 2015 06:13:20 GMT

The original answer is two years old by now and the mechanics have changed since. The procedure today would be to include a specific .css in the root tag of your Simple XML per dashboard, see here for more on that. That means you can easily assign different stylesheets to different dashboards, but also the same .css to multiple dashboards.