Number keypad for tablet users

RLJB

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.

Jaymer

I like the first one.
Count me in for $50 towards paying John Talbott to solve this.

BenchmarkDan

I will commit $50 as well.

johntalbott

You might try the approach described here to force the built in iPad numeric keypad to open.

https://stackoverflow.com/questions/6178556/phone-numeric-keyboard-for-text-input

https://docs.telerik.com/kendo-ui/controls/editors/numerictextbox/limitations

RLJB

Sorry for asking the dumb questions... but how to implement this in Aware?

I tried a few different hacks and not working for me...

/* 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");

hpl123

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.

johntalbott

I don't have an iPad to test it, but this will work in theory.

In the config tool, add a Cell ID for the numeric form field.

Put this in the Form Render Script:

var numericTextBoxObject = $("#CellIDGoesHere").data("kendoNumericTextBox");
numericTextBoxObject.element.attr("type", "number");

RLJB

John - you are a legend, I can confirm that does work. Thank you!

johntalbott

RLJB wrote
John - you are a legend, I can confirm that does work. Thank you!

Great! You're welcome!

ACDC

Great! You're welcome!

now for the beer :mrgreen: