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

[Puzzles] Solve, Learn, Repeat: Dynamic formatting from XML events

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...

Join the Conversation

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

CSS

[Puzzles] Solve, Learn, Repeat: Dynamic formatting from XML events

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...