Basic Usage
Drag the Smart Formatter Input element onto your page.
Configure the desired properties.
Use the Value state to retrieve the formatted text.
Use the Raw Value state to retrieve the value without separators.

Example 1 — Time Format

Property Value
Formatter :
Group Size 2
Max Length 8

Input:

12155454

Output:

12:15:54:54

Example 2 — Date Format

Property Value
Formatter /
Group Size 2
Max Length 8

Input:

01012026

Output:

01/01/20/26

Example 3 — License Key

Property Value
Formatter -
Group Size 4
Max Length 16

Input:

ABCD1234EFGH5678

Output:

ABCD-1234-EFGH-5678

Example 4 — Custom Code

Property Value
Formatter .
Group Size 3
Max Length 12

Input:

ABCDEFGHIJKL

Output:

ABC.DEF.GHI.JKL

Notes

The separator character is not counted toward the Max Length.
The Raw Value state always returns the original input without formatting.
The Value state always returns the formatted text shown to the user.
Enable Numeric Keyboard to display the numeric keypad on supported mobile devices.
The plugin automatically reformats the text whenever the user types, pastes, or changes the value.