Using Constellation SDK to render pega case type UI in an external/existing Angular application

User Experience
1

Hi All,

We have an existing Angular application where we want to utilize the Constellation SDK feature and render the pega case type screens for user to create cases.

We should be able to utilize the pega constellation UI to be rendered in existing Angular application. There could be a requirement where client can have their own components overridden on top of existing components as well in future.

I went through the below link where it was mentioned about this approach but not much in detail about what all assets have to be taken out of the SDK project and place in our angular application so that we can utilize the SDK features

Extending Constellation: Unlock Advanced UI Customization with Constellation SDKs | Pega ?

We have tried the approach in our local system with the details we have (Copying sdk.config.json, copying necessary library packages, etc). We were able to create the case but were unable to render the UI. Seems that some packages are missing or the configuration is not proper.

Is there an installation guide available where we have step by step process to achieve this.

Appreciate your time taken to read and respond on this topic.

Regards

JC

2

@JayachandraSiddipeta did you check out the other Extending Constellation UI series webinar on DX Components?

The event post breaks down the entire webinar, as it was so long and covered so many things.

But both @oveni and @Josh_Helmbrecht covered parts on DX Components inside an SDK Context about 1 hour in.

@oveni also posted the full videos on our User Experience Expert Circle that covered end to end lifecycles (they only covered it for about 3 minutes on the webinar):

  1. Extending Constellation UI: DX Component Full Lifecycle | Pega (18:35)
  2. DX Component building within the SDK (18:37)

I’m no expert, that’s why I am the host :wink: but I’ll see if someone from the team can answer your question directly in addition to these resources.

3

Hi All,

Went through the video and demo given by Shipra Gupta @gupts2 once again in the below link,

and finally i was able to render the pega case type using the SDK package in an external angular application.

It took around 5 hours to understand the structure and changes to be integrated into the angular application. But it’s worth spending time :slight_smile:

I will soon create and post an article with a step by step process of the work i have done so that it would be easy for anyone who is interested to work on the same.

Happy weekend and Happy exploring !!!

Regards

JC

1 Like