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

CS Interaction onClick does not work in Modal Grid Repeat

SA-88001

Summary



Post upgrade to Pega Platform 8.2, the onClick event on the sections in a modal screen flow does not work.




Error Messages



Not Applicable


Steps to Reproduce

  1. Upgrade Pega Platform 7.3.1 to Pega Platform 8.2.
  2. Launch the Interaction portal from Pega Designer Studio.
  3. From the Home menu, click ‘Customer’ and search for Customer.
  4. In the Customer overview, open the Service Request.
  5. Click Begin to open the Conduct Deliver Call task.
  6. From the Action menu, click 'Bijwerken Serviceverzoek'. A modal screen flow opens.
  7. Click the Next button. 


Root Cause



A defect in Pegasystems’ code or rules.

The data-harness-id attribute was not stamped on the modal dialog element. Hence, the Defer Load section is not loaded. The pega.u.d.modalDialog.show function must be overridden in the UserWorkForm.



Resolution



Perform the following local-change.

Add the below script in the UserWorkForm.


<script>
  pega.u.d.modalDialog.show = function(){    
    
      //Set harness id and click event on modal dialogue
    
      if(pega.u.d.modalDialog && pega.u.d.modalDialog.element){
        pega.ctxmgr.registerContextSwitching(pega.u.d.modalDialog.element);
      }
        this.cfg.setProperty("close",this.cfg.getProperty("close"));
        this.cfg.setProperty("visible",true);
     
        var docBody = document.body;
        var docBodyStyle = docBody.style;
        if(typeof(window.bodyOverflow) == "undefined" || window.bodyOverflow == ""){
            window.bodyOverflow = docBodyStyle.overflow;
        }
        if(typeof(window.bodyOverflowX) == "undefined" || window.bodyOverflowX == ""){
            window.bodyOverflowX = docBodyStyle.overflowX;
        }
        if(typeof(window.bodyOverflowY) == "undefined" || window.bodyOverflowY == ""){
            window.bodyOverflowY = docBodyStyle.overflowY;
        }       
        document.body.style.overflow = "hidden";
      
          if(pega.mobile.nativenav){
              this.nativeNavHistId = pega.mobile.nativenav.addToHistory(this.hide, this);
        }
    }
     
  </script>


Alternatively, update to Pega Platform 8.2.4.
Suggest Edit

Published December 6, 2019 - Updated December 2, 2021

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

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