Support Article
Datepicker / calendar icon too large for Input
SA-7612
Summary
After upgrade to Pega 7.1.7, the calendar icon for DateTime control is larger than input box field. Pega 7.1.5 had this icon fully within the input box borders.
Error Messages
Not Applicable.
Steps to Reproduce
1. Have a DateTime Control in a section.
2. Check the behavior in preview or Runtime.
Root Cause
The behavior was there due to customization done on the CSS class for textinput.
Resolution
Local change provided:
Put the below style in UserWorkForm
<style>
.inactvIcon, .inactvIcon_disabled {
background-image: url(pzdatetimesprite.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 17px;
height:18px;
display:inline-block;
vertical-align:middle;
margin-left:-18px;
margin-top:-2px;
border:0;
}
</style>
Published January 31, 2016 - 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.