Dashboards & Visualizations

How to change the color of GenericHeader

klindh
Engager

Is it possible to change the Color for a GenericHeader?

It tried this and it doesn't work:

module name="GenericHeader" color="#FF0000"

Tags (2)
1 Solution

araitz
Splunk Employee
Splunk Employee

In $SPLUNK_HOME/etc/apps/your_app/appserver/static/application.css:

.GenericHeader {
    color: #FF0000;
}

If you had to create application.css, you will need to restart Splunk. Otherwise, go to http://your_server:your_port/_bump and click the button to bust your browser cache.

Keep in mind that this will be effective for your entire app. If you just want to do this for one view (e.g. the 'home' view):

.splView-home .GenericHeader {
    color: #FF0000;
}

View solution in original post

klindh
Engager

Changing CSS for GenericHeader is one way. Meanwile I found an other solution:
Use StaticContentSample instead of GenericHeader and insert http code.

0 Karma

araitz
Splunk Employee
Splunk Employee

In $SPLUNK_HOME/etc/apps/your_app/appserver/static/application.css:

.GenericHeader {
    color: #FF0000;
}

If you had to create application.css, you will need to restart Splunk. Otherwise, go to http://your_server:your_port/_bump and click the button to bust your browser cache.

Keep in mind that this will be effective for your entire app. If you just want to do this for one view (e.g. the 'home' view):

.splView-home .GenericHeader {
    color: #FF0000;
}
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...