Solved: Re: 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

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

ATTENTION: We’re Moving! (AGAIN!)

Deep Dive: Optimizing Telemetry Pipelines in Splunk Observability Cloud

Announcing Modern Navigation: A New Era of Splunk User Experience

Join the Conversation