Dashboards & Visualizations
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Ask a Question
Solved! Jump to solution

Need drop down for limited time picker

splunkuseradmin
Path Finder
‎05-07-2019 11:54 AM

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
Reply
1 Solution
Solved! Jump to solution
Solution

splunkuseradmin
Path Finder
‎05-08-2019 02:04 PM

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
Reply
Solved! Jump to solution
Solution

splunkuseradmin
Path Finder
‎05-08-2019 02:04 PM

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
Reply
Get Updates on the Splunk Community!

Splunk is Nurturing Tomorrow’s Cybersecurity Leaders Today

Meet Carol Wright. She leads the Splunk Academic Alliance program at Splunk. The Splunk Academic Alliance ...

Part 2: A Guide to Maximizing Splunk IT Service Intelligence

Welcome to the second segment of our guide. In Part 1, we covered the essentials of getting started with ITSI ...

Part 1: A Guide to Maximizing Splunk IT Service Intelligence

As modern IT environments continue to grow in complexity and speed, the ability to efficiently manage and ...