I have a requirement to show a info icon with a message in a view. For e.g in a view, i want to use OOTB icon (binary file rule) followed by a message . Let me know how this can be done in constellation UI .
@Balasubramaniam Hi, thank for question. Before going into solutioning can you describe the business requirement here in contrast to UI centric requirement?
can you take a look on this article: Prescribed and flexible UI with Constellation | Pega
It explains new ways of working.
@Balasubramaniam the Constellation Design System has four places for showing information in context to a business user:
- Additional Information on a field- this shows up as an Information Icon, once clicked it will show the text
- This can be found in the advanced section when creating a new field in the Data Model Tab of a Case or Data Object
- Helper text on a field - this shows up as helper text under the field. Configured in a View
- Assignment instructions - this shows up at the top of a form. Configured in the top level View
- Contextual message to a field - a warning shown based on conditions
- New to infinity '25
Outside of that, you can also look at extending your Constellation UI to do banners. We provide an example on our github:
- storybook - Storybook
- I was under the impression this was going to be in the '25 release but can not find it in the release notes or docs, so its worth checking if its there as a display option for text fields before going the DX route. [Update 20 Oct: It is not in the '25 release, I was mistaken - it is still a custom DX component you’d have to implement if this is required above and beyond the 4 options provided[
More information can be found here.
@Kamil Janeczek ,
Thanks for the article. I understand the new way of working and with constellation -it is a prescribed UI and less customisation over configuration. In my scenario, business requirement was to show up a information at the top of the form.
Thanks for the suggestions. I was able to use option 3 and it served the purpose.