Accsess to preview field component code

User Experience
1

Within Pega there is a preview field, which can be used to provide a link to a preview of a case. Currently this field provides 3 scenarios (direct link opens a new page, hover and select preview opens preview on LHS, hover and open in tab open preview in a new browser). Our business requirement means we need to change the default link behaviour of this component to the hover and preview behaviour. In order to do this we need to publish our own custom component utilising GetCasePreview API. It would be very helpful if we could access the preview src code, to direct us in this build? So I was wondering if it available?

2

@HollyG17369606

All PCore/PConnect code is available on docs.pega.com. I think the one you are interested in is this one:

3

@RonaldDeLigniethanks Ronald. If you look for sample code and documentation, here are the available sources:

  1. PCore PConnect docs Pegasystems Documentation

  2. Constellation UI Gallery: GitHub - pegasystems/constellation-ui-gallery: This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.

  3. Please check also SDKs: GitHub - pegasystems/react-sdk-components: The React SDK Components repo is used to create the @pega/react-sdk-components and @pega/react-sdk-overrides npm packages used by the Pega Constellation React SDK. These packages provide the initial set of components used by the React SDK to render DX Components with a design system other than Pega Constellation design system. and GitHub - pegasystems/react-sdk: The React SDK provides Pega customers with the ability to build DX components that connect Pega’s ConstellationJS Engine APIs with a design system other than the Pega Constellation design system.

Code of component used in ootb Constellation portal if not found in above resource might not be open sourced.

4

@HollyG17369606 We have a similar business requirement to make the default behaviour on clicking the link to show the preview panel instead of opening in new tab. There might be a chance this configuration will be build into pega '26. So might be good to keep an eye on pega 26 release documentation and determine if a custom component is worth the time or business can wait for this feature.