17
Views
4
Comments
[PinCode Mask]  Problem With Masking
Question
pincode-mask-react
Reactive icon
Forge asset by Miguel Verdasca
Application Type
Reactive

I have tried this plugin it works well in mobile app but the only problem is even if I set "IsHiddenCode" to False the masking is happening  .


Can anyone suggest how this can be resolved .


Waiting For a Solution:

Thanks & regards

UserImage.jpg
Pankaj Jain

Hi @Srinivas Prasad,

It looks this is a duplicate of the other one
https://www.outsystems.com/forums/discussion/95886/pin-code-mask-problem-with-masking/

But any ways, Can you elaborate what you wan to achieve. Actually setting IsHiddenCode to false or true does not have much different and it will not stop masking. So I am trying to understand what you want to achieve. 


Thanks
Pankaj

UserImage.jpg
Srinivas Prasad

Hi @Pankaj Jain 

I want this functionality for otp verification for my mobile app and the plugin works fine with the functionality (ie; Moves forward when number is clicked and backwards hen back button is clicked )

But the numbers gets masked after few seconds, but i want the number to be shown and not the masked input box .I have tried both plugin for this Plugin 1 and Plugin 2 but both the plugin behave the same way (ie; masking is happening.

I think it is clear now

2024-04-05 03-05-03
Kharlo Ridado

Hi @Srinivas Prasad I've replied to the other thread you've created. This component seems the same, however, this version is created for Reactive Web apps, although Reactive Web components are compatible with Mobile apps as well, but not the other way around.

UserImage.jpg
Pankaj Jain

Hi @Srinivas Prasad,

The masking of the input box is done by adding some dynamic css in PinCodeMask, you can disable it if you do not want that. It is not much difficult. 

I am attaching the OAP file after removing the masking, you can check. And you can apply it for other Pin Code Mask (Reactive) becasue nonetheless both are same.

Cheers,
Pankaj

Pin Code Mask.oap
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.