Pega Constellation 24.1.1 - Add Clickable Link beside a Fields to Open Popup Table

Hi,

I’m working on a requirement in Pega Constellation 24.1.1 and need guidance on the recommended implementation approach.

Requirement
Inside an existing View, we have a add a clickable link/ icon beside a field. When the user clicks the link, it should open a popup/modal that displays another table/grid with related data.

Questions

  1. Is this feasible using out-of-the-box Constellation capabilities?
  2. What is the recommended approach to:
    • Make a table column as a link
    • Open a popup/modal from the click
    • Display another View/Table inside the popup
  3. Is there any standard pattern for this?
  4. For the popup table data:
    • Can it be populated directly using the API/Data Page?

For Additional Context
I researched PDN and other documentation, I’m seeing mixed guidance between traditional UI and Constellation approaches, so I wanted clarification especially for Constellation.

If anyone has implemented something similar, examples or best practices would be helful.

Thanks in advance!

You can refer to this Master-Detail view in Constellation - #8 by Sohan_Reddy_Anugu

This is partly feasible in Constellation, but the exact solution depends on whether the clicked row represents a real case/data object that Constellation can open, or just API-sourced/derived data. Constellation supports link-style behaviour in tables and also uses modal dialogs for some embedded-data interactions, but more advanced “click row → open custom popup → show another related table” patterns can hit limitations without extension

If the requirement is a custom link/icon inside a table that opens another popup containing a related table, especially for API/Data Page-sourced records, OOTB support is limited. In those scenarios, Constellation may try to treat the clicked row as an object instance, and teams often end up using a custom DX component for full control.

The most standard Constellation-friendly approach is:

  • Make the row/column clickable using supported table/link configuration where available.
  • Open a View in a modal only if the target is a supported Constellation object/view interaction, such as embedded data add/edit or a data object/case that Constellation can resolve properly.
  • Use a List View / Partial View / Form View for the content shown in the modal, depending on whether the popup is read-only or editable

Solution provided by Sohan Reddy Anugu is the go to solution. Please verify if this matches what you need.

@KarthikM16795015 Are you in the User Experience Expert Circle? I would like to move this under that area, so it can be found with other Constellation questions. However, if you are not a member you won’t be able to respond (until you join), so don’t want to just move on you.

Please let me know if you join and i’ll move.

image

@KarthikM16795015 on top of @Sohan_Reddy_Anugu’s great answer, you can check out this great article Enable Preview Panel for External Data Integration from @goyac1