Masking

In the Kuika platform, you can manage masking in the Text Input element within the applications you develop.

Masking allows you to control data entry in specified formats. Examples of masking types are provided in the table below.

Masking

Types

99/99/9999

An international date format in the format of day, numeric month, and year. The "/" character serves as a logical date separator and appears to the user as a date separator appropriate for the application's current culture. For example, 01/01/2023.

(999)-999-9999

A United States phone number with an optional area code. If users don't want to enter optional characters, they can either enter spaces or place the cursor directly in the position represented by the first 0 in the mask. For example, (555) 555-1234.

$999,999.00

A currency value between 0 and 999,999. The currency symbol and decimal characters will be replaced with culture-specific equivalents at runtime. For example, 1,234.56.

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

  1. Drag and drop the Text Input element from the Elements panel onto the screen.

  2. While the element is selected, make the relevant definition in the Mask section of the Properties panel.

Mask → Fixed value section allows you to manually enter data or retrieve data from the database. Let's examine the masking of Turkey, Germany, and France numbers on Kuika.

  • Turkey Number : 999 999 99 99

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

  • France Number : 9 99 99 99 99

If you add these separators to the Fixed value, masking will be applied when you preview it.

Last updated