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?

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 ...