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

Modal Popup Screen Location

SA-40212

Summary



Modal is located in center of the document and not the screen itself.

One can observe in the below screen-shot that modal window (Squared in Red Color) which could be evident from scroll bar, that is squared in yellow color.



Error Messages



Not Applicable


Steps to Reproduce



Open any modal dialog box.


Root Cause



This issue appears to be Out-of-the-box (OOTB) default configuration, though can be altered by user based on his requirement.

There is masking of background content once modal dialog is launched by a separate div, as the back ground content becomes translucent grayish color.

Hence modal dialog will be at the centre of the masked div and masked div is set to cover the total scrollable area to restrict user not to click or edit the fields, which are present behind modal dialog.

Resolution

Make modal dialog position fixed, by adding below code for the masked div in UserWorkForm html rule:

<style>
.<ClassNameOfDiv>
{
position :fixed !important;
left : <AsPerRequirement>px !important;
right : <>;
bottom : <>;
top : <>;
}
</style>

Suggest Edit

Published December 15, 2017 - Updated October 8, 2020

Did you find this content helpful? Yes No

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.

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