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

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

Was this useful?

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.

Did you find this content helpful?

Want to help us improve this content?

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