Input mask with two decimal digit (responsive)

Input mask with two decimal digit (responsive)

  

Hi all

Version 10.0.200.0

I currently developing a responsive web application for a payment,

one requirement is to format the amount with two decimal places 

and using forge input mask(web) and custom mask(responsive mobile/tablet)

https://www.outsystems.com/forge/647/ - custom mask

https://www.outsystems.com/forge/274/ - input mask


input mask on web has no issue but switching in mobile view doesn't seems to work fine

e.g. 

1.) in web it will prevent the user to enter a alphabet (only digit and a dot)

  ex. 1,234.00

2.) when deleting all the values the default format of text would be 0.00

 ex. 0.00

but after switching to mobile /tablet

1.) the user can now enter some alphabet

 ex. 123asd4.00

2.) after deleting all the values, the input text will only display empty

 

so after that issue in input mask, i tried to use the custom mask instead when using a mobile/tablet device.

some device has an issue when tapping the delete key multiple times which force to format the text

ex.  from 38,333.11 (tap delete) result will be-->  3,888,888.0 

furthermore when tapping delete key doesn't delete the text it will just add some numbers


and please note that not all device(mobile/tablet) has this issue.so

im currently trying to figure out the issue if its from the actual device, browser, outsystems code


Regards,

Sherwin Inson (TESI)

Hello Sherwin!

have you checked the custom masks component demo page? does it work properly there? try to check what you have different from that implementation.

My guess is that you miss advanced options in your parameters, but it's hard without looking at the OML or at least a screenshot of your parameters and an example link to see it not working. take a look at this link https://www.outsystems.com/forums/discussion/33656/currency-mask-without-2-decimals-digits/ to see if this is your case and try to apply the fix mentioned there.

Feel free to browse the support page of the component to search for a case similar to yours.


Hope this was helpful! Good luck in your findings!

Hi Sherwin,


Have you found a way to solve your issue for mobile input mask?