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!

ICYMI - Check out the latest releases of Splunk Edge Processor

Splunk is pleased to announce the latest enhancements to Splunk Edge Processor.  HEC Receiver authorization ...

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...