Looking for the Constellation approach on contextual information for read-only fields

Hi Team

I’m looking at a requirement where I want to provide additional contextual information to users while they are working with a form - specifically on Read-Only fields (In Service cases or in Customer 360).

For example, in a UI Kit application, we used an information icon next to a field that users can click/hover to see additional details.

I’ve attached an example below for reference:

Please help me with suggestions on how to achieve this business outcome without any custom components in Constellation 25.1.3 :slightly_smiling_face:

Thanks
Naganand

Hi Naganand Shenoy,
Good day,

We can do this constellation, as well.
We need do it on form view.
Create a text property and go to advance tab of that property and scroll to bottum you see additional information and some times a pega create a paragraph rule along with property creation.
You can give the additional information you wanted to show on the “i” icon. Or create a paragraph with required text and configure that paragraph rule in that additional info field of advanced setting of that property.

use that property on the form view and enable tooltip in respective view settings for the property you gave.

Once UI loads you see an “i” icon and hovering on it you can see the text you gave on the paragraph.

please check this if you are trying get same behaviour.

Hello @SivaramaSaimadhav72
Thanks for the quick response.

Could you please share more information about the quoted part?

Also, does the approach you suggested work for read-only fields?

I would try the ‘Additional information’ setting in the field data model.

At runtime, this renders the “i” icon next to the field and, upon click, it shows the additional information for the field. All OOTB using Constellation.

@NaganandShenoy additional information does not show for read only contexts. This is coming on the roadmap but in the mean time I would be trying to understand better what you need to show more information and context on and use one of the other available features (data reference / preview, field group instructions etc.)

We have done it on the editable field,
You can give try for read-only as well but use in form view we have a good chance to show tooltip.

Thanks @Will_Cho & @SivaramaSaimadhav72
Adding the additional information worked for read-only & Editable fields in both 25.1.3 & 26.

@MarcCheong We are working on the CSFS framework & currently in Pega 25.1.3.
My use case is that we want to show additional information on hover/click of an “i” icon on the Customer 360 (which is a full page view) for only a few specific fields that are not categorised under a field group. As shared in the screenshot below.

The above suggestions from Will & Sivarama worked for me for the Service cases under an Interaction case. But not for the fields in Customer 360 of an Interaction.

Please let me know if you need any additional information to understand the use case. :slightly_smiling_face:

Thanks
Naganand

Thanks! Unfortunately, no, the additional information “i icon” will not show in ready only contexts.

I was asking the use case, as you could use a data reference to show more details. Like outlined in Enable Preview Panel for External Data Integration.

This works read only or inside the assignment/form

Got it. Thanks @MarcCheong