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!

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Watch On Demand the Tech Talk on November 6 at 11AM PT, and empower your SOC to reach new heights! Duration: ...

Splunk Observability as Code: From Zero to Dashboard

For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...