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/617 ... text-input

https://docs.telerik.com/kendo-ui/contr ... imitations

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

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

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

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

formCellID.png (25.28 KiB) Viewed 11994 times

2. Put this in the Form Render Script:

Code: Select all

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]

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