Dashboards & Visualizations

Single Value Button Question

Ant1D
Motivator

Hey,

With single value buttons, I know that you can have red, green and amber colours as standard.

How would I be able to define my own colours (purple, orange etc) for this object? E.g. I want the colour of my single value button to turn purple when a certain value range is reached.

Thanks in advance for your help

1 Solution

ziegfried
Influencer

You need to define a CSS class for this. Best way to do this is to create a application.css file in the app of your dashboard.

$SPLUNK_HOME/etc/apps/<APP>/appserver/static/application.css

Here are some sample CSS rules:

.SingleValue .purple { background-color: purple; color: white; }
.SingleValue .darkred { background-color: #CC0000; color: #FFFFFF; }

These same rules define 2 classes (purple and darkred) that can be used to color the single value element.

View solution in original post

ziegfried
Influencer

You need to define a CSS class for this. Best way to do this is to create a application.css file in the app of your dashboard.

$SPLUNK_HOME/etc/apps/<APP>/appserver/static/application.css

Here are some sample CSS rules:

.SingleValue .purple { background-color: purple; color: white; }
.SingleValue .darkred { background-color: #CC0000; color: #FFFFFF; }

These same rules define 2 classes (purple and darkred) that can be used to color the single value element.

Ant1D
Motivator

Thanks again Ziegfried

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!

Best Practices: Splunk auto adjust pipeline queue

When you enable autoAdjustQueue in Splunk, maxSize should be understood as the queue size Splunk starts with ...

Laser Bananas and Edge Hubs: Exploring Operational Technology (OT) Data Through a ...

  OT is a different environment to traditional IT and can have interesting challenges when interfacing the ...

Event Series: Mastering AI Tokenomics and Splunk Agent Observability

Beyond the Black Box: Correlating AI Performance and Tokenomics with Splunk Agent Observability   As ...