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!

Customer Experience | Splunk 2024: New Onboarding Resources

In 2023, we were routinely reminded that the digital world is ever-evolving and susceptible to new ...

Celebrate CX Day with Splunk: Take our interactive quiz, join our LinkedIn Live ...

Today and every day, Splunk celebrates the importance of customer experience throughout our product, ...

How to Get Started with Splunk Data Management Pipeline Builders (Edge Processor & ...

If you want to gain full control over your growing data volumes, check out Splunk’s Data Management pipeline ...