Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- i want to use canlander to select time without pre...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yaozelin
Observer
04-26-2020
08:11 PM
i just want to use a canlander to select time,but when i add a "time" panel ,there are presets\relative\real-time\... showed on the web page ,i want to remove these panel and only show a canlander to select time.
1 Solution
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
04-26-2020
09:27 PM
Hi
Check the below CSS and add/remove options accordingly.
<form>
<label>time</label>
<fieldset submitButton="false">
<input type="time" token="field1">
<label></label>
<default>
<earliest>1587859200</earliest>
<latest>now</latest>
</default>
</input>
</fieldset>
<row depends="$hide$">
<panel>
<html>
<style>
div[data-test-panel-id="presets"],div[data-test-panel-id="relative"],div[data-test-panel-id="realTime"],div[data-test-panel-id="dateTime"],div[data-test-panel-id="advanced"]{
display:none !important;
}
</style>
</html>
</panel>
</row>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
niketn
Legend
04-26-2020
09:28 PM
@yaozelin refer to one of my older answers to add HTML Date input in the Dashboard which required Simple XML JS Extension to handle HTML Date input selection and change: https://answers.splunk.com/answers/627432/jquery-datepicker-in-splunk.html
____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
| makeresults | eval message= "Happy Splunking!!!"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yaozelin
Observer
04-26-2020
10:29 PM
Thank you very much, but I would like to use the native style of splunk. I have offered this kind of scheme as an alternative. Thanks again.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
04-26-2020
09:27 PM
Hi
Check the below CSS and add/remove options accordingly.
<form>
<label>time</label>
<fieldset submitButton="false">
<input type="time" token="field1">
<label></label>
<default>
<earliest>1587859200</earliest>
<latest>now</latest>
</default>
</input>
</fieldset>
<row depends="$hide$">
<panel>
<html>
<style>
div[data-test-panel-id="presets"],div[data-test-panel-id="relative"],div[data-test-panel-id="realTime"],div[data-test-panel-id="dateTime"],div[data-test-panel-id="advanced"]{
display:none !important;
}
</style>
</html>
</panel>
</row>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yaozelin
Observer
04-26-2020
10:46 PM
hello,vnravikumar,Thank you first.Your plan is just what I want，but I also want to change the style of “Date-Range”.First,after i clicking the time input,It's not going to show you “Date-Range” .It should jump directly to the calendar.t doesn't take two clicks to get to calendar.The second,once the calendar display，I just want one calendar to show up and none of the other options to show up. it's maybe a little difficult,thank you ,vnravikumar.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
04-27-2020
02:45 AM
Hi
Check this
<form script="date.js">
<label>time</label>
<fieldset submitButton="false">
<input type="time" token="field1" id="rk">
<label></label>
<default>
<earliest>1587945600</earliest>
<latest>1588204800</latest>
</default>
</input>
</fieldset>
<row depends="$hide$">
<panel>
<html>
<style>
div[data-test-panel-id="presets"],div[data-test-panel-id="relative"],div[data-test-panel-id="realTime"],div[data-test-panel-id="dateTime"],
div[data-test-panel-id="advanced"]{
display:none !important;
}
div[data-test="time-range-dialog"]{
min-width: 440px!important; width: 440px!important;
}
</style>
</html>
</panel>
</row>
</form>
javascript:
require(["jquery", "splunkjs/mvc", "splunkjs/mvc/simplexml/ready!"], function($, mvc) {
$( "[data-test='toggle']" ).click(function() {
setTimeout(function(){
$("[data-test='textbox']").filter(':visible:first').focus();
}, 500);
});
});
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
04-27-2020
02:51 AM
The second option I guess it's not feasible. May be someone can help you.
Get Updates on the Splunk Community!
Splunk Observability for AI
Don’t miss out on an exciting Tech Talk on Splunk Observability for AI!Discover how Splunk’s agentic AI ...
Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...
Watch On Demand the Tech Talk on November 6 at 11AM PT, and empower your SOC to reach new heights!
Duration: ...
Splunk Observability as Code: From Zero to Dashboard
For the details on what Self-Service Observability and Observability as Code is, we have some awesome content ...
