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

Can’t make it to .conf25? Join us online!

Take Action Automatically on Splunk Alerts with Red Hat Ansible Automation Platform

Calling All Security Pros: Ready to Race Through Boston?

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Are you a member of the Splunk Community?

Time Control background color change

CSS

Can’t make it to .conf25? Join us online!

Take Action Automatically on Splunk Alerts with Red Hat Ansible Automation Platform

Calling All Security Pros: Ready to Race Through Boston?

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...