Support Article
Buttons in Modal window are hidden or not visible
Summary
User configures a repeating grid and for the click of button "Flow in Modal Dialog" is again configured.
The flow action which is opening in the modal dialog contains more than single repeating grid in it. Whenever they click the add button of repeating grid in modal dialog, the resize icon of modal dialog disappears.
User keeps on adding the rows the screen flow buttons "Next" and "Previous" disappears or hides below the modal window and also scroll bar is not appearing.
Error Messages
Not Applicable.
Steps to Reproduce
1. Execute a flow in a modal window.
2. In the flow action, add a repeating layout.
3. Add few rows to the flow action. User observe that the button goes below the modal window edge.
Root Cause
The root cause of this problem is a defect in customer application code/rules. The issue is not reproducible in our environment.
Resolution
This issue is resolved through the following local-change:
The following work around solves the resize issue in the modal dialog.
1) Create a section and disable auto generated HTML in the html tab.
2) And copy the below code in the HTML Source of the newly created section:
<style>
#modaldialog_con{
height: 250px !important;
overflow-y:auto !important;
}
</style>
<script>
var orig;
if(!orig)
orig = pega.u.d.setBusyIndicator;
var bd = document.getElementById("modaldialog_con");
pega.u.d.setBusyIndicator = function(busyDiv, ignoreInterval){
orig.call(this,bd,ignoreInterval);
};
</script>
3) Add or drag the newly created section in the section which is opened in modal dialog.
Published June 12, 2015 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.