Required asterisk does not display on label after upgrade
You upgraded an application on PRPC 6.3 SP1, using free-form layouts, to Pega 7.1.7.
After the upgrade you notice that the asterisks are missing on empty labels marked as required.
Below screenshot displays expected asterisks in PRPC 6.3 SP1. These are missing after the upgrade.
Steps to Reproduce
1. Configure a free-form layout in PRPC 6.3 SP1 to include required labels.
2. Upgrade application to Pega 7 and observe if the same layout is displayed with asterisks next to the required fields.
The root cause of this problem is the specific configuration and the rendering of this markup in browsers in HTML5/Standards.
Since there is no label, the markup generated for this scenario is an empty <SPAN> element.
In PRPC 6 (where Quirks mode is used), browsers choose to render this empty <SPAN> on the screen. And the asterisk would be displayed through an image defined on the style class.
In Pega 7, (where HTML5/Standards mode is used), browsers do not render empty <SPAN> elements.
There are two local-changes you can explore are listed below.
- If you need to set a blank label marked as required, then add a hidden space using " ". This adds content to the <SPAN>, forcing the browser to render the asterisk.
- If you have many places to update these cells, and are seeking a solution in one place, then add the following style to the UserWorkForm
This approach is a one-place-change, but you must be aware this will apply additional height globally everywhere the .iconRequired class is used.