topic How to set the background color for panel in Dashboards & Visualizations

How to set the background color for panel

madanashok — Thu, 06 Dec 2012 09:58:35 GMT

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

Re: How to set the background color for panel

dart — Mon, 28 Sep 2020 12:55:13 GMT

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.

Re: How to set the background color for panel

Drainy — Thu, 06 Dec 2012 11:15:48 GMT

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