Sensitive data mask

Masking sensitive data is used to hide sensitive parts of information in a text field or label by replacing selected characters with the symbol *. This makes it possible to protect data such as the PESEL number or credit card number so that it is not fully visible on the screen. The property Sensitive data mask can be found in the component properties panel, in the section Security. After enabling masking, the specified characters of the field value will be displayed as asterisks.

Figure 1. Sensitive data mask in a Text Field

It should be remembered that masking sensitive data works only for fields populated with data from another source (e.g. a value retrieved from another field or service). If the user enters data into the field themselves, the mask will not be applied – the entered characters will remain fully visible. For example, if a text field A is automatically filled with a value copied from another field B (data source from another field), then on field A we can apply a mask to hide part of the information. However, if the user enters data in A manually, masking will not work.

Masking can also be applied to components of type Label (Text) displaying application data. In the case of a label, in addition to simply enabling masking, an additional option is available Sensitive data masking condition – it allows you to define a condition (logical), when met, the given label will mask its value. This makes it possible, for example, to mask the PESEL number only for certain types of users or in specific process states.

Figure 2. Sensitive data masking condition in the Label

Note: Do not combine Sensitive Data Mask at the same time with other formatters on the same field. In the case of text fields, it is recommended not to apply sensitive masking simultaneously with a formatter (e.g. phone number formatting) to avoid conflicts and unexpected formatting behavior.

Demo application: demoTextComponents