Sensitive data mask

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

Illustration 1. Sensitive data mask in a Text Field

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

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

Illustration 2. Sensitive data masking condition in a Label

Note: Do not combine the Sensitive data mask with other formatters on the same field at the same time. For 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 form: demoTextComponents