Dashboards & Visualizations

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

rdownie
Communicator

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.

Thanks,
Bob


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")
}).render();

theoborrero
Explorer

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

0 Karma

strive
Influencer

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

0 Karma

rdownie
Communicator

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!

Application management with Targeted Application Install for Victoria Experience

  Experience a new era of flexibility in managing your Splunk Cloud Platform apps! With Targeted Application ...

Index This | What goes up and never comes down?

January 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Splunkers, Pack Your Bags: Why Cisco Live EMEA is Your Next Big Destination

The Power of Two: Splunk + Cisco at "Ludicrous Scale"   You know Splunk. You know Cisco. But have you seen ...