Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Mashup issues with collapsible controls

Updated on December 13, 2022
Applicable to Theme Cosmos applications

When you deploy a mashup with custom collapsible controls on an external web page, you may experience resize issues with your mashup.


A mashup with a custom collapsible control leads to inaccessible gadget content on the external web page.


Custom controls that can be expanded or collapsed affect the height and width of the mashup.


  • Put a debugger in the doHarnessResize function. You need to explicitly invoke doHarnessResize() function in the JavaScript API with the following script:
    $('#myCollapsible').on('', function () {
  • If the debugger does not stop in the method, then you need to explicitly invoke the doHarnessResize()API method defined in pzpega_ui_doc_harnesssizing.js in the control code. See the following API definition:
    doHarnessResize: function() {
            if(pega.u.d.resizingHarness) {
                /* harness is already being resized */
            if(pega.util.Event.isIE || pega.util.Event.isSafari || pega.Mashup) {
                pega.u.d.resizeTimeoutId = setTimeout(pega.u.d.doHarnessResizeActual, 10);
  • If you still experience a resize issue when the mashup gadget loads, ensure that the host page domain is on the allow list of the application.
    For more information, see Creating a mashup.
  • Previous topic Mashup issues with cross-domain (X-Frame) communication
  • Next topic Troubleshooting issues with loading mashups

Have a question? Get answers now.

Visit the Support 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. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us