Dashboards & Visualizations

Background color table using CSS

rony121
Loves-to-Learn

HI, 

I want to add background color to a table in a panel using css but without using "!important" as I dont want to overwrite existing configuration of panel in dashboard. 
Acutal requirement: https://community.splunk.com/t5/Dashboards-Visualizations/Css-Overwrites-existing-feature-within-das...

<row>
<panel depends="$alwaysHideCSS$">
<html>
<style>

#table1 .table th, .table td{ background-color: #808080 !important; }
#table1 .table th, .table tr{ background-color: #FFA500 !important; }

#Panel1 .dashboard-panel,#Panel .dashboard-panel {
background: #808080 !important;
}

</style>
</html>
</panel>
</row>

0 Karma

ITWhisperer
Ultra Champion

You are not showing it here but presumably you are formatting cells in the dashboard?

Try formatting them all with the background before other formatting

        <format type="color">
          <colorPalette type="expression">#808080</colorPalette>
        </format>
        <format type="color" ...

You can then remove  the td styling

0 Karma
.conf21 CFS Extended through 5/20!

Don't miss your chance
to share your Splunk
wisdom in-person or
virtually at .conf21!

Call for Speakers has
been extended through
Thursday, 5/20!