Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

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

Was this useful?

0% found this useful

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us