Question

Accepted Solution

The Live UI tool relies heavily on a lot of complex internal JavaScript libraries to manipulate the DOM in real time. There is probably a conflict with the plugin or library you're using to create the circular progress bar. A lot of code snippets that are available online are simply not built very well and can cause issues like this (even if you weren't using Pega at all) when you start mixing and matching premade plugins without understanding how they fully work. This is why Pega doesn't recommend doing so and throws a guardrail warning.
I'd start investigating by looking at the JS console in your browser developer tools and see if you're getting any warnings or errors. You'd need to adjust your circular progress bar code depending on what you find. It's not a LiveUI problem.

Is this portal a fixed one?

Live UI works in Composite portals.
Can you please review following SA?
https://community.pega.com/support/support-articles/live-ui-tool-does-not-work-user-portals

Our's is a new portal built from scratch on 7.1.7
Not sure what went wrong. We did not use any custom java script code in our application.

Do your harness rules use any custom JavaScript ("Scripts & Styles" tab)? I have found that some 3rd party libraries can interfere with LiveUI, preventing it from loading.

Thanks Mark. We have used java script to render a circular progress bar and that's responsible for the Live UI issue. When i removed it live ui worked as expected.
We use js when ever required, but how do we know if it interferes with the live ui or not.. Do you have any idea?
Accepted Solution

The Live UI tool relies heavily on a lot of complex internal JavaScript libraries to manipulate the DOM in real time. There is probably a conflict with the plugin or library you're using to create the circular progress bar. A lot of code snippets that are available online are simply not built very well and can cause issues like this (even if you weren't using Pega at all) when you start mixing and matching premade plugins without understanding how they fully work. This is why Pega doesn't recommend doing so and throws a guardrail warning.
I'd start investigating by looking at the JS console in your browser developer tools and see if you're getting any warnings or errors. You'd need to adjust your circular progress bar code depending on what you find. It's not a LiveUI problem.

Thanks Mark. Will revisit the circular progress bar JS logic.