Dashboards & Visualizations

JavaScript Framework: How to add search bar with default timerange?


I am using the code below to add a search bar and the timerange is defaulting to "All Time". How do I change it so that it defaults to "Last 15 minutes" using code below. Incidently the ui_prefs is set to 60 mins which this does not appear to pickup.


var mysearchbar = new SearchBarView({
id: "example-searchbar",
managerid: "example-search1",
timerange_earliest_time: mvc.tokenSafe("$earlyval$"),
timerange_latest_time: mvc.tokenSafe("$lateval$"),
default: "eventtype=bro_ | head 100",
value: mvc.tokenSafe("$searchquery$"),
el: $("#mysearchbarview")


Where you able to fix this , I am having the same issue in HTML dashboard we are working on .

0 Karma


Try editing the times.conf file. Set the order of Last 5 minutes to lowest possible value.

0 Karma


I took a look at the times.conf and "Last 15 minutes" is set to the lowest number yet it is still defaulting to "All time" which is set to the highest number?

Get Updates on the Splunk Community!

Streamline Data Ingestion With Deployment Server Essentials

REGISTER NOW!Every day the list of sources Admins are responsible for gets bigger and bigger, often making the ...

Remediate Threats Faster and Simplify Investigations With Splunk Enterprise Security ...

REGISTER NOW!Join us for a Tech Talk around our latest release of Splunk Enterprise Security 7.2! We’ll walk ...

Introduction to Splunk AI

WATCH NOWHow are you using AI in Splunk? Whether you see AI as a threat or opportunity, AI is here to stay. ...