Dashboards & Visualizations

Background color table using CSS

rony121
Loves-to-Learn Lots

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
SplunkTrust
SplunkTrust

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
Get Updates on the Splunk Community!

Stay Connected: Your Guide to July Tech Talks, Office Hours, and Webinars!

What are Community Office Hours?Community Office Hours is an interactive 60-minute Zoom series where ...

Updated Data Type Articles, Anniversary Celebrations, and More on Splunk Lantern

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

A Prelude to .conf25: Your Guide to Splunk University

Heading to Boston this September for .conf25? Get a jumpstart by arriving a few days early for Splunk ...