130
Views
13
Comments
Solved
[Input Mask Reactive] How to prevent zeros from getting appended when back spacing
input-mask-reactive
Reactive icon
Forge asset by Steven Decock
Application Type
Reactive
Service Studio Version
11.53.41 (Build 62020)

Hi 

I am currently using a reactive input mask component. If I want to edit my details for a certain input field 2 zeros are added when I do a backspace. Also when I want to edit my details the currency falls away from the input field unless I click on that input field for it to appear. Is there away I can fix both these issues?

2023-01-25 05-43-21
Murugan S S
Solution

Hi Baden, 


Could you please share the screenshot or video. FYI, There is another component called reactive Input mask and Custom input mask .

UserImage.jpg
Baden Pelston

I'm unable to apply the custom input mask on this application. Is the component you referring to Input Mask React? Because the component I'm currently using comes up when I search for input mask reactive. I have attached how the block looks in the widget tree. The Input masks are in a separate container at the bottom.

Input field for income.PNG
2023-01-25 05-43-21
Murugan S S

Hi Baden, 


Can you share the Share the Sample OML for your issue or screenshot ?

UserImage.jpg
Baden Pelston

The "R" currency falls away when I edit my details. It only appears on the input field once I click on that input field. Also once I edit my details the input fields would add 2 zeros to my amount.

Income screenshot.PNG
2023-07-31 05-30-45
Siddharth Mukherji

Please upload the complete oml for refrence.

2023-01-25 05-43-21
Murugan S S

Hi Baden, 


Please share the behavior which is you having now and update what is your expectation ?

UserImage.jpg
Baden Pelston

I posted a clip. As you can see when I navigate to edit my income fields the currency falls away. I want the currency to be there fixed with the amount. 

Woolworths.mp4
2023-01-25 05-43-21
Murugan S S

Hi Bedan, 


If my understanding is correct currency Name 'R' not appearing in the input box right ?


Could you please share the input field data type and how the value passing after clicking the edit button? 

If I get OML I can able to check on this ?

2023-01-25 05-43-21
Murugan S S

Hi Bedan, 


Try with InputMask component input field instead of input widget in your application.


https://www.outsystems.com/forge/component-overview/2258/input-masks-library



2023-01-25 05-43-21
Murugan S S

Hi Bedan, 

Is that resolved?

UserImage.jpg
Baden Pelston

Hi @Murugan S S - I use local variables that use a text data type and I added the input Ids of the input fields to the input mask. I have attached an image that shows the properties of that particular input mask

Input mask.PNG
2023-01-25 05-43-21
Murugan S S

Hi Baden, 


Please use currency Mask, It will resolve your issue , I tried from my end.


UserImage.jpg
Baden Pelston

I'm currently using the Input with Icon web block on my input fields. Using that currency mask forces me to remove the icon on the input field

2023-01-25 05-43-21
Murugan S S
Solution

Hi Baden, 


Could you please share the screenshot or video. FYI, There is another component called reactive Input mask and Custom input mask .

UserImage.jpg
Baden Pelston

I'm unable to apply the custom input mask on this application. Is the component you referring to Input Mask React? Because the component I'm currently using comes up when I search for input mask reactive. I have attached how the block looks in the widget tree. The Input masks are in a separate container at the bottom.

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