Dashboards & Visualizations

Adding Custom CSS to all views?

Path Finder

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!

0 Karma
1 Solution

Communicator

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

View solution in original post

0 Karma

Communicator

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

View solution in original post

0 Karma

Communicator

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.

0 Karma

Contributor

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

0 Karma

Champion

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.

0 Karma

Path Finder

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

0 Karma