Question


CNO
US
Last activity: 3 Nov 2019 21:04 EST
Busyindicator
Is it possible to update the pega infinity busy indicator?
***Edited by Moderator Marissa to update platform capability tags****
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!


Pegasystems Inc.
US
Are you going to modify Pega busy indicator image? If yes, below link will help you.
https://community.pega.com/support/support-articles/change-default-pega-busy-indicator-image


CNO
US
I am trying to update the attached pega infinity busy indicator. I am not able to find the exact gif file.


Pegasystems Inc.
US
I tried to find this, but I could only figure out that it is an SVG file.


CNO
US
Hi Rachit,
Whats the SVG file name?


Pegasystems Inc.
US
As Suman said this is a pure animation, there is no binary file for this. But I could see that this is used in two places.
1) Web-login(The login page)
2)pyForgotPassword(Forgot Password page)
But, these rules are available so if you want, you can modify it.


Pegasystems Inc.
IN
This new infinity busy indicator is pure css animation. There is no binary gif or svg to override afaik.


CNO
US
Can we confirm that it's not possible to override?
-
Kensho Tsuchihashi Yiming Huang Praveen Sagar Cheerla Do-Hyung Kong Yao Yao and 8 More


Areteans
AU
Hi,
It is possible!
please follow below steps:
1. Create a binary file with custom image (let it be "CustomPreloader")
Custom image:
2. Save-as the UserWorkForm in the available Application ruleset, add the below snippet in HTML Source.
-------------------------------------------------------------------------------------------------------------------------------
<script>
pega.ui.busyIndicator.prototype.createIndicatorImage = function() {
if(this.oSpan == null)
this.initialize(this._sNode);
var oSpan = this.oSpan;
if (this._message && this._message.length > 0) oSpan.innerHTML = "<img src = 'webwb/CustomPreloader.gif' alt='loading' />" + " " + this._message ;
else oSpan.innerHTML = "<img src = 'webwb/CustomPreloader.gif' alt='loading' />";
}
</script>
----------------------------------------------------------------------------------------------------------------------------
Please find the attachment for the result i got.


Barclays
IN
Have you found any solution for this ?


NIH - National Institute on Aging
US
UserWorkForm
What is the rule type? is it a section, harness or HTML control?


Pegasystems Inc.
IN
It is a HTML fragment. (ruleset is pega ui engine , ruleset may differ according to the pega version.)