Displaying information Banner in the form view

[Balasubramaniam (BALASUBRAMANIAM S)]

I have a requirement to show information banner text where i set the message into a field based on conditions. I set the value to the field in pre processing data transform before the assignment. I would like to show a banner with the message when user is in that assignment. How to achieve this. I have read many articles where banner component is to be added and then should be used. But i see pega OOTB displays banner without adding or importing the component.

[RameshSangili]

If you’re on 25.1 onwards, then use DynamicText to display the banner like information.

Pegasystems Documentation

[Balasubramaniam (BALASUBRAMANIAM S)]

yes. I am using 25.1 but dynamic text just shows the text as such in the form. I am looking for something where i wanted to display as information/warning/critical banner text which comes up whenever there is validation error/any announcements etc.

[RameshSangili]

• Error - OOTB displays the validation failures by default on the form.
• Warning - You can display the field wanrings in Pega 25 version, however it will be shown beneath the field.
• Information - The information can be shown as part of the Additional information at each Property level.

However, if you looking for banner, then custom DX component required.

[Balasubramaniam (BALASUBRAMANIAM S)]

Thanks for the explanation. But here in the below screenshot. Pega displays this banner OOTB. I tried searching for the component in my application but i didn’t find. I wanted to know how this is still shown from Pega. Below is i am getting whenever i add a dynamic text rule in instructions field in form view. I am looking for similar one.

[JayachandraSiddipeta]

Hi @Balasubramaniam

You may want to look at below post where we discussed on the Custom DX component which is provided in the story book and also an enhanced version of it.

Banner widget automatically collapsing when it has 3 of more records

We have imported the banner widget from UI galley and have it successfully working, but we notice when it has 1/2 records it loads expanded but when it has 3 or more it loads collapsed. Is there a way to alter this so it’s expanded even with 3 or more records?

Also this one as well,

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

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) Extending Constellation: A Deep …

If its a strict requirement of this type of banner view, then assess the above posts and ensure that while you work with components, you need to take care of below aspects,

1. Security
2. Accessibility
3. Maintenance
4. Re-usability
5. UI Guidelines

There is one more less preferred, dirty option, but you may want to give it a try. I won’t suggest it but had the Dynamic Text rule supported dynamic HTML content powered from Correspondence, i would have not thought about this.

It goes like this. You can go to your flow and on the assignment you will have Instructions for user option where you can provide a field value of type pyInstructions. Try to put your HTML code there for the banner display directly there. Of course get the styling right and keep it simple and display your instructions there. May be using a data page passing some parameters and fetch the instructions similar to what we do in the banner component.

Hope this helps

Regards

JC