Dashboards & Visualizations

CSS Coloring a Stats Classic Dashboard

a1bg503461
Path Finder

I need to color a Dashboard with 3 types of logs in Red, Blue, Yellow as per ERROR , INFO, WARNING

 

So far I managed to integrate below  CSS code in the panel (it colors all rows Blue):

      <html>
      <style type="text/css">
        
.table-colored .table-row, td{
color:blue;
}
</style>
      </html>



Does anyone know how to add conditions based on CELL Values e.g. if Cell = INFO -> Blue ,if Cell = ERROR -> Red , if Cell = WARNING -> Yellow

Labels (2)
0 Karma

PaulPanther
Motivator

You can do it easierwith following config:

        <format type="color" field="categoryId">
          <colorPalette type="map">{"ACCESSORIES":#6DB7C6,"ARCADE":#F7BC38,"STRATEGY":#AFEEEE}</colorPalette>
        </format>

https://docs.splunk.com/Documentation/SplunkCloud/latest/Viz/TableFormatsXML#Table_format_source_cod... 

a1bg503461
Path Finder

thanks but this colors the background of the cell i need to color the font only

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

No matter how many times you ask in different posts, there currently isn't any easy way to do what you are asking for.

0 Karma
Got questions? Get answers!

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

Meet up IRL or virtually!

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

Get Updates on the Splunk Community!

Deep Dive: Optimizing Telemetry Pipelines in Splunk Observability Cloud

In this session, we will peel back the layers of Splunk Observability Cloud’s cost-optimization features. ...

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Data Drivers: How We're Streaming Real-Time F1 Telemetry Directly into Splunk ...

Data Drivers: Every Lap Tells a Story The Spectacle Two F1 racing sims go head-to-head on the .conf26 show ...