Displaying paragraph/rich-text content within a view

User Experience
1

Hi all,

My requirement is to have read-only paragraph content displayed within a view outside of the instructions section (for example, underneath 2 text inputs)

At the moment there doesn’t appear to be a way to do this in 24.2. In 24.1 it was possible to use an empty embedded view with the instructions populated but that workaround doesn’t appear to function anymore.

Key part of my requirement is that I do not want to display a heading, or label above this content. This is to be used in a customer facing disclaimer which does not require a heading.

Custom component is a route that can work for this - but I want to know if there is a preferred OOTB approach, or any other options.

Thanks in advance!

2

@Phill99JHi, how about using banner component? storybook - Storybook

3

@Kamil Janeczek I thought about it and I am utilising Banner Input in other scenarios. Banner itself would not be appropriate been a widget rather than field - but the 2 things the banner input is missing for me in it’s current version:

  1. An “unstyled” option, in the case of a customer facing disclaimer text for example rather than a warning/alert with an icon. I already utilise Info and Urgent so I could hook onto another version if I really needed to.
  2. A way to utilise paragraph/rule input rather than text so I can localize
4

@Phill99Jyou are right in terms of usage of Banner widget.

The challenge you have currently, hopefully is solved in Pega 25 with Dynamic Text.

5

@Kamil Janeczek Ok cool will take a look on Community Edition and give it a go. Thanks

6

@Phill99J Hi , We had a similar requirement to display some text without any heading or label. We followed below approach

  1. Create a Text property with UI control as ‘pxRichTextEditor’

  2. Refer this property in a view and select ‘Display as’ according to your requirement.

3.Set the value (whatever text you want to display on screen) for this property in pre data transform.

Display options.png
Display options.png401×323 7.07 KB

7

@Phill99J the Constellation Design System has five places for showing information in context to a business user:

  1. Assignment instructions - this shows up at the top of a form.
    1. Configured in the top level View
  2. Helper text on a field - this shows up as helper text under the field.
    1. Configured in a View, gear icon on the property
  3. Instructions on a Form Group.
    1. Configured in the View, gear icon on the Form Group
  4. Additional Information on a field- this shows up as an Information Icon, once clicked it will show the text
    1. This can be found in the advanced section when creating a new field in the Data Model Tab of a Case or Data Object
  5. Contextual message to a field - a warning shown based on conditions
    1. New to infinity '25

IF you are '24 then option 4 probably is your best OOTB option, maybe option 2 or 3?

8

@Phill99J starting from '25

Image showing how to configure this.png
Image showing how to configure this.png3008×1034 207 KB