How to add UI Gallery Banner widget component to the Case View?

User Experience
1

How to add UI Gallery Banner widget component to the Case View? Can anyone please provide the steps to add ? We have tried to add the widget based on the ui-gallery documentation but we are unable to ? storybook - Storybook

3

Hello @Rajashekar_Reddy_CH

Before asking you about the need of using the banner let me help on the banner display first

  1. As mentioned in the documentation of the component, you have to extend the pyStages view in your work class as shown below,

image
image1218×1638 251 KB

  1. If you are in v25, ensure that you enable the component to add to your application from the Library landing page in App Studio. Of course this is after you add the ConstellationUIGalleryLib ruleset in your application ruleset stack.
  2. Make sure that the name of the component and the parameters to be passed should matching with that of mentioned in the component.
  3. Ensure that you implement the list data page you mention in the view configuration to return pxResults with pyDescription field in each of the entry.

With this i believe, you should be able to see the banner showing up starting from the Case review and in the Perform mode as well as shown below

image
image3210×948 228 KB

However, you have to ensure that the DPage you implement has to aware of the case progress so that i can check the case information using the pyID passed and load the single lookup page (In my case, D_Interaction) and return you the relevant messages.

Hope this is clear.

If you are working on a POC to play around with the components in your community edition, then this information would suffice.

But if you are including this in your client’s project then i would like to know

  • The primary reason for you to include this banner in your application ?
  • What kind of information are you going to show in this banner ?
  • How are you generating the messages ? Are they derived in pega based on some checks and validations or coming from an external system invocation ?

Regards

JC

2 Likes
4

Agree with @JayachandraSiddipeta, they why is an important question.

It sounds like this is your first DX Component, which does require specialist skills, so you should be asking why you want to extend Constellation UI first. It is a higher investment path, many clients do this successfully but it would be prudent to look at Out of the Box options first.

Resources

There are heaps of resources to help, some good ones to start (and will give you links to more)

5

Thanks for your inputs @JayachandraSiddipeta ,

I have implemented this Banner, but when I am trying to open the pyStages in UX getting the following error

image
image1255×636 7.95 KB

6

Thank you for the detailed response @JayachandraSiddipeta . We are currently testing this for POC purposes to evaluate the functionality of the Banner Widget. I will proceed with the implementation and update you if I encounter any issues.