Masking in Text Input Element

You can manage masking in the Text Input element in the application you developed on the Kuika platform.

Masking provides data entry in specified formats. Sample masking types are given in the table below.

Masking Types

99/99/9999

A date in international date format (day, numeric month, year). The “/” character is a logical date separator and appears to the user as the date separator appropriate to the current culture of the application. For example, 01/01/2023

(999)-999-9999

United States phone number, area code optional. If users do not want to enter optional characters, they can enter spaces or place the mouse pointer directly at the position in the mask represented by the first 0. For example, (555)555-1234

$999,999.00

A currency value between 0 and 999999. Currency, thousands and decimal characters are replaced with their culture-specific equivalents at runtime. For example, $123,456.00

First, select the Text Input element from the elements and drop it into your current workspace. Then click on the added Text Input element. In the Properties window that opens on the right, select mask.

1. Drag and drop the Text Input element from the Elements panel and add it to the screen.
2. While the element is selected, make the related definition from Properties panel Mask section.

You can enter data manually in the Mask → Fixed value section or you can pull data from the database. Let's examine the masking of Turkey, Germany, France numbers on Kuika.

• Turkey Number : 999 999 99 99
• Germany Number : +4\\9 99 999 99
• France Number : 9 99 99 99 99

in the form of a separation. If you add such distinctions to the Fixed value, masking will be done when the preview is received.