[CustomMasks] MaskNumber not working on NUMBER input

[CustomMasks] MaskNumber not working on NUMBER input

  
Forge Component
(17)
Published on 1 Aug (3 weeks ago) by Jogait
17 votes
Published on 1 Aug (3 weeks ago) by Jogait

I am trying to use the CustomMasks\MaskNumber on an input field that is of type NUMBER.

It works on TEXT input fields, but on my NUMBER input, it does not change the formatting (e.g. add commas, etc).


You see, for desktop apps, I would just make them TEXT.

But, mine are responsive web apps so I really need the fields to be NUMBER so that on mobile it brings up the number pad.


QUESTION: How can I use the CustomMasks on a NUMBER input field?

Bruce,

Here I managed work with no problem at all. But an few tricks to use.

Look at my screencast and the link for some insight.

Custom Mask Examples

Screencast

César Mateus wrote:

Bruce,

Here I managed work with no problem at all. But an few tricks to use.

Look at my screencast and the link for some insight.

Custom Mask Examples

Screencast

Thanks Cesar for the excellent screencast. It looks like both of the inputs you used were of type TEXT.

Try making your input widget that is called "FieldNumbMasked" a Type=Number. Right now, you have it as 

a Type=Text. If you change it to Type=Number, you will see that the mask does not work.


You see, I need the number pad to appear when the user is on a phone.

And, I want the mask to appear for decimal, currency, etc.

The only way I know to make the number pad appear on a phone is by setting the input widget to

Type=Number. But, when I do that, the mask does not work.


Please try making your input widget that is called "FieldNumbMasked" a Type=Number and see if the mask

stops working.