Support Article
Dotted lines display for blank values in the Review harness
SA-55816
Summary
Freeform or simple layout is changed to a dynamic layout (for example, Stacked with labels left) for a Review harness. After updating a section in the dynamic layout, dotted lines display for blank values in the Review harness.
Error Messages
Not Applicable
Steps to Reproduce
- Change the freeform or simple layout to a dynamic layout (for example, Stacked with labels left) for the Review harness.
- Update a section in the dynamic layout. Dotted lines display in the Review harness for blank values.
Root Cause
This behavior is as per Pega product design when a field is set as a read-only Presentation or is set in the Review harness and when the corresponding property does not have a value at runtime. The below out-of-the-box style causes this issue:
.flex > span:empty:after, .flex.content-item > .field-item > span:empty:after, .flex.content-item > span:empty:after {
content: '\2014\2014';
color: #808080;
Resolution
Perform the following local-change:
Add the below script in the UserWorkForm.
<style>
.content-inner > .field-item > span:empty:after, .flex.content-item > .field-item > span:empty:after, .flex.content-item.content-field.dataValueRead > span:empty:after
{ content: "" !important; color: #808080; }
</style>
Published September 26, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.