- Splunk Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: how to create a textbox with numeric value
- 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
how to create a textbox with numeric value
I have created a textbox input type in a dashboard.
I want to limit that user can enter only numeric value in a textbox.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@vivek_manoj
I suggest you to go with HTML tag. Check below XML.
<dashboard>
<label>TextBox</label>
<row>
<panel>
<html>
<input type="number" />
</html>
</panel>
</row>
</dashboard>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi Kamlesh,
Thanks for replying but in that case, how can we pass the value from the box to the panel.
As the box is inside html tag.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
You have to set textbox value into token value, using javascript, which you can use in table.
You have to trigger set/get token on change/lost focus of the textbox. check below link for javascript reference. Still you need any assistance then let us know.
https://www.youtube.com/watch?v=lojUc9v37Jg
https://answers.splunk.com/answers/586958/how-do-i-add-javascript-to-a-splunk-dashboard.html
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi
Check this
<form>
<label>textbox</label>
<fieldset submitButton="false">
<input type="text" token="number">
<label>Add threshold</label>
<change>
<condition match="match(value, "^[0-9]+$")">>
<set token="form.number">$value$</set>
</condition>
<condition>
<unset token="form.number"></unset>
</condition>
</change>
</input>
</fieldset>
</form>
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi Ravi,
I have tried your above code, but I was looking that it wouldn't allow to enter the non-numberic data at all in the text box.
I can see its allowing to enter non-numberic data as well as not to pass the value in the url.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi
Try the below code:
<form script="test.js">
<label>textbox</label>
<fieldset submitButton="false">
<input type="text" token="number" id="digits">
<label>Add threshold</label>
</input>
</fieldset>
</form>
Javascript: test.js
require(["jquery",
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!"],
function($,mvc) {
$("#digits [data-test='textbox']").keyup(function () {
this.value = this.value.replace(/[^0-9\.]/g,'');
});
});
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I hope the above code matches your requirement.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Please confirm.
Join Us for Splunk University and Get Your Bootcamp Game On!
.conf24 | Learning Tracks for Security, Observability, Platform, and Developers!
Announcing Scheduled Export GA for Dashboard Studio
