Dashboards & Visualizations

Need drop down for limited time picker

splunkuseradmin
Path Finder

Hello,

I was looking if I can find a way with a dropdown to select time for juss Week to date, previous week, month to date, previous month, year to date, and a date range picker (if someone wanted to choose which months or weeks).

thanks

Tags (1)
0 Karma
1 Solution

splunkuseradmin
Path Finder

got it used below in xml

<panel>
  <html>
 <style>
   body,
   .dashboard-body,
   .footer,
   .dashboard-panel,
   .nav
   {
   background: #F8FCF7;
   }

   div[data-test^='time-range-dialog']
   {
   background-color: #EDF8EB;
   min-width: 300px !important;
   width: 400px !important;
   }
   div[data-test^='body']
   {
   background-color: #D1ECCC;
   }
   button[data-test^='Yesterday'],
   button[data-test^='Today'],
   button[data-test^='Last 4 hours'],
   button[data-test^='Last 7 days'],
   button[data-test^='Last 24 hours'],
   button[data-test^='Last 30 days'],
   button[data-test^='Business week to date'],
   button[data-test^='Previous business week'],
   button[data-test^='Previous year'],
   button[data-test^='Last 15 minutes'],
   button[data-test^='Last 60 minutes'],
   div[data-test^='real-time-column'], 
   <!-- div[data-test^='relative'], -->
   div[data-test^='other'],
   <!--div[data-test-panel-id^='preset'], -->
   div[data-test-panel-id^='dateTime'],
   div[data-test-panel-id^='advanced'],
   div[data-test-panel-id^='realTime'],
   div[data-test-panel-id^='relative']
   {
   display: none !important;
   }
       </style>
     </html>
</panel>

View solution in original post

0 Karma

splunkuseradmin
Path Finder

got it used below in xml

<panel>
  <html>
 <style>
   body,
   .dashboard-body,
   .footer,
   .dashboard-panel,
   .nav
   {
   background: #F8FCF7;
   }

   div[data-test^='time-range-dialog']
   {
   background-color: #EDF8EB;
   min-width: 300px !important;
   width: 400px !important;
   }
   div[data-test^='body']
   {
   background-color: #D1ECCC;
   }
   button[data-test^='Yesterday'],
   button[data-test^='Today'],
   button[data-test^='Last 4 hours'],
   button[data-test^='Last 7 days'],
   button[data-test^='Last 24 hours'],
   button[data-test^='Last 30 days'],
   button[data-test^='Business week to date'],
   button[data-test^='Previous business week'],
   button[data-test^='Previous year'],
   button[data-test^='Last 15 minutes'],
   button[data-test^='Last 60 minutes'],
   div[data-test^='real-time-column'], 
   <!-- div[data-test^='relative'], -->
   div[data-test^='other'],
   <!--div[data-test-panel-id^='preset'], -->
   div[data-test-panel-id^='dateTime'],
   div[data-test-panel-id^='advanced'],
   div[data-test-panel-id^='realTime'],
   div[data-test-panel-id^='relative']
   {
   display: none !important;
   }
       </style>
     </html>
</panel>
0 Karma
Get Updates on the Splunk Community!

Improve Data Pipelines Using Splunk Data Management

  Register Now   This Tech Talk will explore the pipeline management offerings Edge Processor and Ingest ...

3-2-1 Go! How Fast Can You Debug Microservices with Observability Cloud?

Register Join this Tech Talk to learn how unique features like Service Centric Views, Tag Spotlight, and ...

Thank You for Celebrating CX Day with Splunk!

Yesterday the entire team at Splunk &#43; Cisco joined the global celebration of CX Day - celebrating our ...