Custom OTP Input Field

Overview

The Custom OTP Input Field Plugin generates individual boxes for entering One-Time Passcodes (OTP). It features auto-focus between boxes, backspace navigation, and paste functionality, making it easier for users to input verification codes. The plugin automatically updates a hidden field with the full OTP value, allowing developers to customize the number of input boxes and styling for their Tadabase app.

Use Cases

• This plugin is ideal for authentication, verification, or any application requiring secure code entry. It improves user experience by making OTP entry simple and intuitive while offering flexibility in customization for various styling and use case requirements.

Installing the plugin

Prerequisites:

1. The page must have a form component
2. The form must have a text, long text, email and number fields
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this form, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Custom OTP Input Field plugin
4. Select the form 
5. Select the text, long text, email and number fields

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.