[Native Mobile] Set/jump focus to a textbox automatically

4
Hi everyone, I am trying to build a UI and was wondering if it is possible to jump from 1 textbox to another using like an “OnLeave” nanoflow call. For example, I have an OTP feature where the user is required to input 6 digits of the OTP (1 digit per textbox). After entering the digit of the first box, it would then automatically set the focus to the next textbox to enter the second digit in the second text box without having to click on the second textbox and then entering the digit. You may refer to the image below as a reference : Any help would be great. I am using Mendix Studio Pro 8.12.1 Thanks. Best Regards Kevin
asked
3 answers
0

Hi Kevin, 

 

We have the same need. Did you manage to find a solution?

 

Kind regards,

Werner Grobler

 

answered
0

Hello, 

 

A feasible solution would be to create a custom component (Pluggable Native Widget) to adapt a ReactNative widget that implements this feature internally. See:

https://www.npmjs.com/package/react-native-otp-withpaste or

https://www.npmjs.com/package/react-native-otp-input-field

and

https://docs.mendix.com/howto/extensibility/build-native-widget/

 

 

 

answered
0

Hello All

 

Recently MxTechies implemented this feature:

https://marketplace.mendix.com/link/component/214880

 

answered