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

Pega Web Mashup gadget loads incorrectly



The Pega Web Mashup gadget embedded in the Angular JS application loads incorrectly. This results in gadget distortion and exposing the entire Pega UI.

Error Messages

Unable to load the image

Steps to Reproduce

Access the application through the end portal or website.

Root Cause

There were two issues identified:
  1. Pega content security policy for CSS was set to Self
  2. End portal was in HTTP and the Pega application was running in HTTPS


Perform the below local-change:
  1. Set the Content Security Policy for CSS to Unsafe Inline
  2. Add a redirection rule to redirect all the HTTP traffic to HTTPS in Pega application server

Published February 20, 2018 - 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