How to create splitted number input with copy/paste option

Ask us anything How do I?
1

Hi there,

I want to create a 2FA code input with splitted number inputs boxes

Is it possible to create something like below in Weweb with the option to copy paste a 5 digit code in any of the boxes, filling in the character in correct order?

1000029351
1000029351884×358 34.9 KB

2

Found something I will try first.

3

Hello, there is a pre-made component in the Add panel you can use.

4

@Broberto Thanks. Which one? I can’t find it. I tried to look for the “secure code” component, but it seems not to be present.

5

Hi @luka am I wrong or is the secure input element not available anymore?

6

Will check with the team.

1 Like
7

Any updates? I lost that component too :sob:

8

@luka @Joyce @jptrinh an update on this. I just checked and it seems that this input has disappeared! It’s even gone from a previous project I used this in.

9

image
I just added it back into the Add panel as ‘Code’ under Inputs. Can you check if this is the element you are looking for?

2 Likes
11

Not yet. Reloaded the editor twice but can’t find it.

12

My bad. It’s there now.

2 Likes
13

Can see it. Thank you!

14

Thank you!!! Now even pasting into all cells works

1 Like