20
Views
4
Comments
[Pin Code Mask] Problem With Masking
Question
pin-code-mask
Mobile icon
Forge asset by Alexandre Santos
Application Type
Mobile

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

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

Hi @Srinivas Prasad 

Have you tried this much recent version of the component? I've used it and it's working.

https://www.outsystems.com/forge/component-overview/8674/pincode-mask-o11

Please let me know if this helped to solve your issue.

Regards,

Kharlo

UserImage.jpg
Srinivas Prasad

Hi @Kharlo Thanks for your reply 

Yes i have tried that plugin too same thing happened with that also (ie; even if I set "IsHiddenCode" to False the masking is applied)

Can i know on which you tried the plugin Reactive web app ,Traditional web or mobile app because i want this for mobile app.


Waiting for your reply,

Thanks & regards 

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

Hi  @Srinivas Prasad this is a reactive web component, but reactive web components can be used on mobile as well :)

But to explain it better what's the cause is related to the HideDuration from the Wrapper. There is a javascript that will add the hidden-code styling ignoring either you enable/disabled the IsHiddenCode parameter for each input.

I've updated the script and the component to fix the issue:

  • I move the IsHiddenCode to the Wrapper instead for each item.
  • I've added OnParametersChanged, so we can show/hide the values for each PinCode Item, since we remove IsHiddenCode from the _Item block


Here's the Demo:

Please let me know if this solved your issue. Thank you

Regards,

Kharlo

PinCode Mask.oap
2024-04-05 03-05-03
Kharlo Ridado

Hi @Srinivas Prasad 

Any update about this topic? Were you able to solve the issue?

Best regards,

Kharlo

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