The Text Input element supports masking operations to ensure data input conforms to specific formats. Some examples are given below:
- 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)
Implementation Steps
- Drag and drop the Text Input element from the Elements panel.
- Open the Mask section from the Properties panel on the right.
- In the Mask → Fixed Value field, manually enter data or pull data from the database.
Example number formats:
- Turkey: 999 999 99 99 99
- Germany: +49 99 999 99
- France: 9 99 99 99 99
After adjusting the masking settings, you can check the result by previewing.
By following this guide, you can use the Text Input element effectively in your application.
