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 May 14, 2017 - 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.