As already described in this article, here’s a more detailed description how to implement masked input with a NumPad keyboard (as with the Password widget on an alphanumeric keyboard), for example if only a PIN is wished for user authentication.
-
Add the masked password font as attached in the above article to your AS project. It simply converts any numeric value to a “*”.
-
Add a new style (called “maskedInput” in my case) and set the new font to the “valueFontName” property of the Numpad widget (in my case the custom “widgets.MyStyle.Numpad”.
-
Place the NumericInput widget on the content and set the property “numPadStyle” to the new style “maskedInput”.
Result:
(you can remove the “min” and “max” fields on the NumPad of course).