Jump to next Input-field once a number/character is typed

#1

I am setting up a page where a user can input a confirmation code.

Easiest would be to have a 6 digit numerical input field. However, UI Design for this input can be much nicer:
image
I have setup a page with 6 input fields and would like to implement the following behaviour:
If a digit is inserted into field 1 focus should jump to field 2, if a single digit is filled into field 2 it should jump to field 3 and so on.

Any ideas how I could this?

Thanks in advance and cheers to the Appgyver Crowd!

1 Like
#2

Found out how to do it:

  • use the input field primitive,
  • use the event ā€œComponent OnChangeā€
  • use marketplace block ā€œfocus inputā€ to set focus to the next field.
1 Like