Support Article

Field border is not red when there is a validation error

SA-37186

Summary



When there is a validation error, the border of the field with the issue is not getting changed to red.


Error Messages



Not applicable


Steps to Reproduce



1. Include a section with required fields.
2. Trigger a validation error.


Root Cause



Styles are not available for the targeted selector to make it red in Pega 7.1.6.

Resolution



There are three scenarios here:

1. Field containing Label
2. Field without label and "Reserve space for Label" check box enabled in the presentation tab of the cell properties:
3. Field without label and "Reserve space for Label" check box not enabled in the presentation tab of the cell properties:

Local-change for Scenario 1 and Scenario 2:


<style>

label.labelError + div.dataValueWrite #CTRL_TA.textAreaExpandStyle, label.labelError + div.dataValueWrite input[type="text"] {
border: 1px solid #ff0000;
}
</style>


Local-change for Scenario 3:

<style>

.collapse-label label.labelError , .collapse-label label.dataLabelForWrite{
height: 0px;
}

label.labelError + div.dataValueWrite #CTRL_TA.textAreaExpandStyle, label.labelError + div.dataValueWrite input[type="text"], label.labelError + div.dataValueWrite input[type="number"] {
border: 1px solid #ff0000;
}

</style>

Published April 27, 2017 - Updated May 14, 2017

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.