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.

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?

11

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

12

My bad. It’s there now.

13

Can see it. Thank you!

14

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