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

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.

Persistent Queue at TcpOut — One of Splunk's Most Practical Features

Skip the Awkward Silence: Have a .conf-ersation at .conf26

Rethinking Zero Trust: From Product Purchases to Logical Control Evidence

Join the Conversation