Dashboards & Visualizations

How to set the background color for panel

madanashok
Path Finder

Hi,

when we use this code below

we will get a panel which appears white in splunk.
But i want to set a desired background color for the panel as my wish.

Please help me out.

Thanks

Tags (1)

Drainy
Champion

The actual CSS you need to use in application.css in $SPLUNK_HOME/etc/apps/APPNAME/appserver/static/

would be something like;

.panel_row3_col1 .layoutCellInner{
     background-color: #000000;
}

When using groups Splunk will split a div in half without adding a class, you can use jQuery to add a class name to the group which you can then apply CSS against but I suspect you probably want to colour the whole panel

dart
Splunk Employee
Splunk Employee

You can do this by using CSS in your application.css.

You'll find if you inspect the page with Chrome's Inspector or with Firebug, that there are divs with classes like panel_row1_col1, which you can use in your selector.

0 Karma
Get Updates on the Splunk Community!

Observability Unlocked: Kubernetes Monitoring with Splunk Observability Cloud

 Ready to master Kubernetes and cloud monitoring like the pros? Join Splunk’s Growth Engineering team for an ...

Update Your SOAR Apps for Python 3.13: What Community Developers Need to Know

To Community SOAR App Developers - we're reaching out with an important update regarding Python 3.9's ...

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...