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.

SOK it to Me: Top 3 Benefits of Using Splunk Operator on Kubernetes that’ll Make ...

Upgrade Prep for 10.4, Network Observability Deep Dives, and More from Splunk Lantern

Splunk Developer Day announcements: AI agents, MCP tools, Forecasting, and Custom ...

Join the Conversation