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!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...