Support Article
UI is not behaving as expected with Modal window
SA-18775
Summary
When modal window configured on a button, the modal window size is very small. The height and width of the modal window is not fitting for the content with unnecessary scroll bars.
Error Messages
Not Applicable.
Steps to Reproduce
1) Create a section and include a button in it.
2) Create a flow action and refer above created section in it.
3) Create a flow and refer the above flow action.
4) Configure a local action on the button and opens a modal window. As the content of the opening window is bigger in size, the modal window size is not proper.
Root Cause
The modal window size is resized depending on the content of the screen with PRPC 6.3 SP1.
Resolution
Perform the following local-change:
1) Create a section, for example ModalSection1 and disable auto generated HTML in the html tab.
2) Copy the below code in the HTML Source of section "ModalSection1":
<style>
#modaldialog_con{
height: 750px !important;
width: 750px !important;
overflow-y:auto !important;
overflow-x: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 section "ModalSection1" in the section which is opened in modal dialog.
Published May 19, 2016 - 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.