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!

New in Observability - Improvements to Custom Metrics SLOs, Log Observer Connect & ...

The latest enhancements to the Splunk observability portfolio deliver improved SLO management accuracy, better ...

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 ...