Knowledge Management

is it possible to change the color/background-color of a button in a dashboard?

rrovers
Contributor

 

I found this source somewhere in the community and it works fine:

I  <row>
<panel>
<input type="link" token="refresh" id="color_button1">
<label></label>
<choice value="Yes">Ververs Overzicht</choice>
<change>
<condition value="Yes">
<set token="refresh_delay">1</set>
</condition>
</change>
</input>
</panel>
</row>

 

The colors of the button are grey with a white background. I would like to change this to colors that are more remarkable, for example a green background. I've tried several things but without the desired result.

Is it possible to change the colors of the button?

0 Karma
1 Solution

ITWhisperer
SplunkTrust
SplunkTrust

Use a hidden (because $STYLES$ is never defined) with some CSS defined in a HTML panel:

  <row depends="$STYLES$">
    <panel>
      <html>
        <style>
          #color_button1 button {
            background-color: green !important;
            color: yellow !important;
          }
        </style>
      </html>
    </panel>
  </row>

View solution in original post

ITWhisperer
SplunkTrust
SplunkTrust

Use a hidden (because $STYLES$ is never defined) with some CSS defined in a HTML panel:

  <row depends="$STYLES$">
    <panel>
      <html>
        <style>
          #color_button1 button {
            background-color: green !important;
            color: yellow !important;
          }
        </style>
      </html>
    </panel>
  </row>
Get Updates on the Splunk Community!

October Community Champions: A Shoutout to Our Contributors!

As October comes to a close, we want to take a moment to celebrate the people who make the Splunk Community ...

Community Content Calendar, November Edition

Welcome to the November edition of our Community Spotlight! Each month, we dive into the Splunk Community to ...

Stay Connected: Your Guide to November Tech Talks, Office Hours, and Webinars!

What are Community Office Hours? Community Office Hours is an interactive 60-minute Zoom series where ...