Re: How to change the color of the Info button in ...

smanojkumar · ‎11-01-2023

Hi Splunkers!

How to change the color of info button in dashboard.

<panel id="global_status_op">
<title>Global Compliance</title>
<html>
<style>


</style>
<div class="infobutton" parent="global_status_op" type="collapse" style="display: none">
<p style="font-size:15pt;">
The compliance is calculated as follow:</p>
<p style="font-size:9pt;">
- If compliant, the asset is considered as complinat</p>
<p style="font-size:9pt;">
- If not compliant, the asset is considered as not compliant</p>
</div>
</html>
</panel>

Thanks!

ITWhisperer · ‎11-01-2023

Which dashboard is this from? Which app is it in? Which version of Splunk are you using?

smanojkumar · ‎11-01-2023

Hi @ITWhisperer ,

Thanks for your response!

Version : 9.0.5

App - Endpoint Cockpit

The dashboard is from

<row>
<panel id="global">
<title>Global Compliance</title>
<html>
<style>

.dashboard-body {
background: #0000FF !important;
}

.dashboard-header h2{
color: #0000FF !important;
}
</style>
<div class="infobutton" parent="global_status_op" type="collapse" style="display: none">
<p style="font-size:15pt;">
The compliance is calculated as follow:</p>
<p style="font-size:9pt;">
- If ENS version AND Agent version complinat</p>
<p style="font-size:9pt;">
- If one among ENS,  compliant</p>
</div>
</html>
</panel>
</row>

Thanks!

ITWhisperer · ‎11-02-2023

Where is infobutton defined? Do you have a custom CSS associated with the dashboard?

smanojkumar · ‎11-02-2023

Hi @ITWhisperer ,

<form stylesheet="dashboard.css,infobutton.css" script="multiselect_functions.js,infobutton.js" version="1.1" theme="dark">

Yes, its CSS.

Thanks!

Manoj Kumar S

ITWhisperer · ‎11-02-2023

Either update infobutton.css or override the definitions in it. If you need help with that, you will need to provide the source of the infobutton.css file (assuming you have permission to share it, of course).

How to change the color of the Info button in dashboard?

CSS

Introducing the Splunk Community Dashboard Challenge!

Get the T-shirt to Prove You Survived Splunk University Bootcamp

Wondering How to Build Resiliency in the Cloud?