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

PUIC:Issue with Red X placement on the screen

SA-1986

Summary



Validation is firing on screen and Red X shows up besides a field on which error is firing which is correct. However when user collapses one of the above sections on the screen, Red X moves to top of section, thus resulting in incorrect placement of the Red X.

Error Messages



Attached screen shots
    

Steps to Reproduce



Attached screen shots


Root Cause



This problem is caused by a bug in IE.Things are working fine in FF and chrome.IE does not properly re- position DOM elements when we have a absolute positioned element inside a static positioned element.

Resolution



This issue is resolved through the following local change:
Placed below javascript based solution in userworkform.

<style id='reflowStyleNode'>
.iconErrorDiv span{
position:absolute;
}
</style>



if ( pega && pega.u && pega.u.d && pega.u.d.registerResize){

pega.u.d.registerResize(function(){
try{
if (pega.env.ua.ie ){
var styleNode = document.getElementById("reflowStyleNode");
if (styleNode){
if(window.attachEvent && !window.opera) {
styleNode.styleSheet.cssText = '.iconErrorDiv span{ position: absolute; }';
} else {
var styleText = document.createTextNode('.iconErrorDiv span{ position: absolute; }');
styleNode.appendChild(styleText);
}
}
}
}
catch(e){}

})
}

</script>

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