Support Article
Triangle icon of a validation message overlaps with its text
SA-51165
Summary
When a Required field is blank, client side validation displays a red triangle and the error message, 'Value cannot be blank'. The red triangle icon overlaps with the text such that the word 'Value' cannot be read.
Error Messages
Not Applicable.
Steps to Reproduce
- Log in to the application
- Choose 'Horizontal Orientation' and 'Other: Segmented' for a radio button control format
- Configure the button as 'Required'
- Submit the case without selecting a choice
Root Cause
A defect in Pegasystems’ code or rules. The Cascading Style Sheets (CSS) for the error is overridden by that of the radio button.
Resolution
Perform the following local-change:Add the following CSS to UserWorkform:
<style>
.iconErrorDiv.dynamic-icon-error-div>.iconError.dynamic-icon-error{
padding-left:20px;
}
</style>
Published July 23, 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.