Dashboards & Visualizations
×

Join the Conversation

Without signing in, you're just watching from the sidelines. Sign in or Register to connect, share, and be part of the Splunk Community.
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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Observability Simplified: Combining User Experience, Application Performance & ...

Tech Talk Observability Simplified: Combining User Experience, Application Performance & Network ...

Event Series May & June: From Network Visibility to Service Intelligence

Unifying the Network: Moving from Alert Noise to Service Intelligence with Splunk ITSI In today’s hybrid ...

Global Splunk User Group Events: May + June 2026

Your Splunk Community Awaits: Discover Upcoming User Group Events Worldwide    Staying ahead in the fast-paced ...