We have an app that is being used mostly on iPad/Android tablets and is for invoicing.
On some number fields we would like to default the keypad to be number only. Unfortunately on iPad an Aware Number field defaults to a alpha keyboard and when you hit the ".?123" button to get the numeric keyboard you then lose focus on the number field and have to tap back into it. So it's not a great user experience.
There are a few Javascript/JQuery number pads that look quite nice, but after quite a few hours of trying to implement them I just can't get them to work.
Here are some examples I tried:
https://code-boxx.com/pure-javascript-numeric-keypad/
https://a.kabachnik.info/jquery-numpad.html
If any kind forum soul would like to do a sample bsv I would be forever grateful and buy you a beer.
Number keypad for tablet users
Number keypad for tablet users
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
Re: Number keypad for tablet users
I like the first one.
Count me in for $50 towards paying John Talbott to solve this.
Count me in for $50 towards paying John Talbott to solve this.
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL
-
- Posts: 50
- Joined: Sun Aug 10, 2008 7:40 pm
- Location: Tulsa, OK
- Contact:
Re: Number keypad for tablet users
I will commit $50 as well.
Dan
_______________________________________________
V8.4 Developer Edition Build 2722. MS SQL Windows
_______________________________________________
V8.4 Developer Edition Build 2722. MS SQL Windows
-
- Posts: 619
- Joined: Wed Jun 17, 2015 11:16 pm
- Location: Omaha, Nebraska
- Contact:
Re: Number keypad for tablet users
You might try the approach described here to force the built in iPad numeric keypad to open.
https://stackoverflow.com/questions/617 ... text-input
https://docs.telerik.com/kendo-ui/contr ... imitations
https://stackoverflow.com/questions/617 ... text-input
https://docs.telerik.com/kendo-ui/contr ... imitations
VocalDay Solutions - Agility - Predictability - Quality
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
Re: Number keypad for tablet users
Sorry for asking the dumb questions... but how to implement this in Aware?
I tried a few different hacks and not working for me...
I tried a few different hacks and not working for me...
Code: Select all
/* The widget is initialized. */
$("#my-numeric-textbox").kendoNumericTextBox({ /*...*/ });
/* Set the input type to "number". */
$("#my-numeric-textbox").attr("type", "number");
/* Or, if the widget object is already available. */
var numericTextBoxObject = $("#my-numeric-textbox").data("kendoNumericTextBox");
numericTextBoxObject.element.attr("type", "number");
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
Re: Number keypad for tablet users
I would also like to have this functionality but why tinker with subpar, custom stuff instead of asking support to implement it (for a fee if necessary). The world is increasingly mobile/tablet so is in ours and Awaresofts interest.
Henrik (V8 Developer Ed. - Windows)
-
- Posts: 619
- Joined: Wed Jun 17, 2015 11:16 pm
- Location: Omaha, Nebraska
- Contact:
Re: Number keypad for tablet users
I don't have an iPad to test it, but this will work in theory.
1. In the config tool, add a Cell ID for the numeric form field.
2. Put this in the Form Render Script:
1. In the config tool, add a Cell ID for the numeric form field.
2. Put this in the Form Render Script:
Code: Select all
var numericTextBoxObject = $("#CellIDGoesHere").data("kendoNumericTextBox");
numericTextBoxObject.element.attr("type", "number");
VocalDay Solutions - Agility - Predictability - Quality
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
Re: Number keypad for tablet users
John - you are a legend, I can confirm that does work. Thank you!
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
-
- Posts: 619
- Joined: Wed Jun 17, 2015 11:16 pm
- Location: Omaha, Nebraska
- Contact:
Re: Number keypad for tablet users
Great! You're welcome!RLJB wrote:John - you are a legend, I can confirm that does work. Thank you!
VocalDay Solutions - Agility - Predictability - Quality
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
Re: Number keypad for tablet users
now for the beerGreat! You're welcome!