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 dialog is not in fixed position on an iframe

SA-28775

Summary



When triggering a modal dialog, it appears centered within the overall length of the document, rather than centered in the visible area. This requires users to scroll back up in order to see the modal dialog before they can progress.


Error Messages



Not Applicable


Steps to Reproduce

  1. Fill out the questionnaire of the form to increase document length.
  2. Click the cancel link in the form which trigger modal dialog window.


Root Cause



In iframe, modal dialogue window always opens in the center of the document and not in center of visible screen. As IAC has been in use and IAC put its content in an iframe; modal window does not come in center of visible window.

Resolution



An enhancement request, FDBK-16675 has been created for consideration by Pega Product Management.

Provided a custom script which resolves the issue partially.

<script>

$("button[name='DigitalDisputeSubmit_pyWorkPage_1']").click(function(){$(".modal-align-cell").css("vertical-align", "bottom"); $("#modalWrapper").css("margin-bottom", "350px");});

</script>

Published October 18, 2016 - Updated October 8, 2020

Was this useful?

100% 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