Solved: Time Control background color change

BoobalanB · ‎09-04-2020

Hi,

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

ITWhisperer · ‎09-04-2020

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

BoobalanB · ‎09-07-2020

Thanks.. It is working..

ITWhisperer · ‎09-07-2020

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

ITWhisperer · ‎09-07-2020

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

ITWhisperer · ‎09-04-2020

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">
...

Time Control background color change

CSS

Announcing Scheduled Export GA for Dashboard Studio

Extending Observability Content to Splunk Cloud

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!