The Text Input element supports input masking to ensure that user entries follow specific formats. This helps maintain consistency and accuracy in data entry.
Basic Mask Symbols
- 9: Digit (0–9)
- a: Letter (A–Z, a–z)
- *: Alphanumeric character (A–Z, a–z, 0–9)
Sample Mask Formats
- 99/99/9999: Date format (e.g., 01/01/2023)
- (999)-999-9999: Phone number format (e.g., (555)-555-1234)
- $999,999.00: Currency format (e.g., $123,456.00)
- aaaa9999: Letter-number mix (e.g., ABcd2025)
- ***-***: Serial number format (e.g., aZ3-bT7)
- AA 9999: License plate format (e.g., TR 1234)
Country-Specific Phone Number Formats
- Turkey: 999 999 99 99
- Germany: +49 99 999 99
- France: 9 99 99 99 99
Implementation Steps
- Drag and drop the Text Input element from the Elements panel.
- Open the Mask section in the Properties panel on the right.
- In the Mask → Fixed Value field:
- Enter a custom mask manually, or
- Bind a value from your data source.
After setting the mask, use the Preview mode to test how it works.
