Background color table using CSS

rony121 · ‎03-09-2021

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>

ITWhisperer · ‎03-10-2021

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

Background color table using CSS

CSS

drilldown

form

javascript

panel

simple XML

single value

table

timechart

token

trellis layout

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Build resilience for the agentic era: Join us at Splunk Go San Jose

Manage Edge Processor pipelines end to end with APIs

Join the Conversation

Background color table using CSS

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.