Busy Indicator is not showing properly on Mobile
The busy indicator (or loader) is not being displayed on Android phones when a page is being loaded. It looks like the page is frozen while in fact it is loading. Does anyone know if there is a way to trigger the loader icon when a page takes a couple of seconds to load?
we tried to add the below to UserWorkForm HTML fragment rule
BusyGo = function(){
pega.u.d.busyIndInterval = 0;
pega.u.d.setBusyIndicator();
}
BusyStop = function(){
pega.u.d.busyIndInterval = 2000;
if(pega.u.d.gBusyInd){
pega.u.d.gBusyInd.hide();
}
}
and then call these functions from the 'Run Script' actions, but it's still not always working.
Any help would be much appreciated.
***Moderator Edit: Vidyaranjan | Updated Categories***
Accepted Solution
Pegasystems Inc.
IN
Hello Katie,
Refer the post if this helps at your end.
Here, the suggested change is as below:
1) Add runscript as the first action for click event. Give the function name as showBusyIndicator.
2) In userworkform following script needs to be added:
<script>
function showBusyIndicator() {
pega.u.d.setBusyIndicator();
}
pega.u.d.attachOnload(function() {
var busyIndicator;
if(window.frameElement) {
if(!pega.u.d.gBusyInd)
busyIndicator = window.parent.pega.u.d.gBusyInd;
}
if(busyIndicator && busyIndicator.hide) {
busyIndicator.hide();
}
});
</script>
Regards,
Rincy
Pegasystems Inc.
IN
I can see that similar kind of issue reporetd earlier for IOS devices and that got addressed in 7.3 [ https://community.pega.com/sites/default/files/help_v83/procomhelpmain.htm ]
Have you checked the behavior with IPhone or Ipad also ? Is it same ?
murex
LB
Hello,
Iphone devices already have their own indicator that shows on top pf the screen unlike Android.
we need an in-app indicator to show on Android whenever a page is being loaded or an action is being done
Accepted Solution
Pegasystems Inc.
IN
Hello Katie,
Refer the post if this helps at your end.
Here, the suggested change is as below:
1) Add runscript as the first action for click event. Give the function name as showBusyIndicator.
2) In userworkform following script needs to be added:
<script>
function showBusyIndicator() {
pega.u.d.setBusyIndicator();
}
pega.u.d.attachOnload(function() {
var busyIndicator;
if(window.frameElement) {
if(!pega.u.d.gBusyInd)
busyIndicator = window.parent.pega.u.d.gBusyInd;
}
if(busyIndicator && busyIndicator.hide) {
busyIndicator.hide();
}
});
</script>
Regards,
Rincy
Pegasystems Inc.
IN
Have you tried using checkLoaded () to check whether the page is loaded or not if it false place a loading symbol on the screen
Kindly let me know if it works?