Support Article

Modal dialog is not in fixed position on an iframe



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.


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

Provided a custom script which resolves the issue partially.


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


Published October 4, 2016 - Updated October 18, 2016

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.