Log in to AnswerLog in to Follow
Amol Rane
40Views
9Comments
Copy paste one output to multiple input boxes.
Question
Android
iOS
Mobile
OutSystems 11

I have a mobile application where a user can enter a 4 digit OTP in 4 separate input boxes with character limit as 1.

Is there any way to allow the user to copy-paste in this case? For example: if the copied input is "4567" then on  paste, the 4 should go to the first input box, 5 to the second input box and so on.

0
0
on 1st Feb
João Marques
mvp_badge
MVP

Hi Amol,


You can have a field where you past the 4567 value and add an OnChange handler on that input.

On that OnChange screen action you can split the 4567 into the different values (4, 5, 6 and 7) and assign each value to the corresponding input variable.


Regards,
João

0
0
on 1st Feb
Tom Zhao
Champion

Hi Amol

Maybe it's not the solution you want, But you can achieve this by using javascript

Please refer to Url below.
https://stackoverflow.com/questions/55189763/how-do-paste-to-multiple-input

Kind Regards

0
0
on 1st Feb

Hi Amol,

Both suggestions are great, kindly mark one as the solution that you think is best fit to your requirements.

Thank you and happy low-coding.. ;)

Chris

0
0
on 1st Feb

Hi Amol, 

I hope this will be helpful to you.

https://rahuljain877.outsystemscloud.com/OTP/Screen1

Regards

--RJ--

OTP.oml

0
0
on 2nd Feb

I want to paste directly from to the 1st of the 4 input boxes, without inputting it in a separate textbox.

How can that be done?

0
0
on 3rd Feb
Tom Zhao
Champion

Replying to Amol Rane's comment on 03 Feb 2021 15:29:02

Please refer to my early reply. Using javascript you can achieve it.

https://www.outsystems.com/forums/discussion/68059/copy-paste-one-output-to-multiple-input-boxes/#Post272416

0
0
on 4th Feb

Replying to Amol Rane's comment on 03 Feb 2021 15:29:02


I hope this will be helpful to you. Please test by below URL.


https://rahuljain877.outsystemscloud.com/OTP/Screen1

Regards

--RJ--

OTPCopyPaste.oml

1
0
on 4th Feb

Hi ,

Please find attached aml for traditional web.

https://rahuljain877.outsystemscloud.com/CopyPaste1/WebScreen1.aspx

CopyPasteTraditional.oml

0
0
on 9th Feb

Please find attached oml 

CopyPasteCSS.oml

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