Dashboards & Visualizations

Time Control background color change

BoobalanB
Engager

Hi,

I need to change time control background color from white to grey using css file. How to do that. Please help

BoobalanB_0-1599217600416.png

 

Labels (1)
0 Karma
1 Solution

ITWhisperer
SplunkTrust
SplunkTrust

It depends on how far you want to go with the colour change

...
  <row depends="$alwaysHideCSSStyleOverride$">
    <panel>
      <html>
        <style>
          #timepicker,
          #timepicker button[class^="ButtonStyles"],
          button[class^="CollapsiblePanelStyles"],
          div[data-component="splunk-core:/splunkjs/mvc/components/TimeRangePickerDropdown"]
          {
            background: #cccccc !important;
          }
        </style>
      </html>
    </panel>
  </row>
  <fieldset submitButton="false">
    <input type="time" token="tokTime" searchWhenChanged="true" id="timepicker">
...

View solution in original post

0 Karma

BoobalanB
Engager

Thanks.. It is working..

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

I meant mark my post as the solution not yours! Give credit where credit is due 😀

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

Please can you mark it as solved to help others find it

0 Karma

ITWhisperer
SplunkTrust
SplunkTrust

It depends on how far you want to go with the colour change

...
  <row depends="$alwaysHideCSSStyleOverride$">
    <panel>
      <html>
        <style>
          #timepicker,
          #timepicker button[class^="ButtonStyles"],
          button[class^="CollapsiblePanelStyles"],
          div[data-component="splunk-core:/splunkjs/mvc/components/TimeRangePickerDropdown"]
          {
            background: #cccccc !important;
          }
        </style>
      </html>
    </panel>
  </row>
  <fieldset submitButton="false">
    <input type="time" token="tokTime" searchWhenChanged="true" id="timepicker">
...
0 Karma