Hi Team,
In a Pega Constellation environment, a property defined as Type: Text and when we select Display as Password in the View. The expectation is a “Reveal” (eye icon) should appear right after password that the user can see it when needed.
But only the password readonly text is getting masked with ** and reveal icon is not appearing.Can you please advice us how can we achieve this use case, currently we are using latest version of pega 25.1.2 and ConstellationUIGalleryLib 4.0.3 latest version.
What you are seeing is most likely the current supported behavior in Constellation, not a missed configuration. ‘Display as Password’ on a Text property appears to mask the value in read-only mode, but it does not currently render the reveal/eye icon by default. Based on the available behavior, the eye toggle is associated with the editable password input experience rather than a read-only display field.
If your requirement is to let users reveal the value on demand, the practical options are either:
- keep the field editable and control editability through the view or flow, or
- implement a custom Constellation component that renders masked text with a reveal action.
The Pega Constellation DX Component allows ONLY masking with ****.. If you would like to add the eye icon to reveal the password, then you can extend this component to match with your requirements. You can get the source code, add your requirements, build the component and publish.
Pega Constellation UI Gallery, this behavior is expected in Constellation and there is no OOTB support available for password reveal toggle in readonly/edit mode.
To achieve this,you may need to implement a custom DX component / custom React component to provide the eye icon behavior for showing and hiding the password value.