SA-19112

Summary

There's a requirement to have a screen to add 20 service lines as repeat grid.

Each service line has edit option which opens a modal window. Similarly, there's an 'Add' service line button which opens a modal window to input service line details. Once user enters details, and submit modal window and then data gets appended to repeat grid at the end.

The Add service line button is outside the grid action.

In this scenario if user clicks on Add service line button nothing happens. The user need to click twice on the, user has to click the Add service line button twice to get the modal dialog appear. This challenges the usability issue.

Error Messages

Not applicable.

Steps to Reproduce

Have a repeat grid with the below setting:



Activity NewServiceLine:

Root Cause

User must be prevented from clicking the button again before completing the submit.

Resolution

Perform the following local-change steps:

1. Put the below in UserWorkForm:

 
function setBusyIndicatorCustom() {
                if (!pega.u.d.gBusyIndCustom) {                
                                pega.u.d.gBusyIndCustom = new pega.ui.busyIndicator("", true, null, 0);
                }
                if (pega.u.d.gBusyIndCustom) {
                                pega.u.d.gBusyIndCustom.show(true, false);
                                  pega.u.d.gBusyIndCustom.oDiv.style.zIndex = "2";
                }
}
 
function resetBusyIndicatorCustom() {
                setTimeout(function () {
                                if (pega.u.d.gBusyIndCustom) {
                                                pega.u.d.gBusyIndCustom.hide();
                                }
                }, 2000);
}


2. In the Add line service button : 

1. Add “Run Script” as – setBusyIndicatorCustom in the first Action

 

    2. Add “Run Script” as- resetBusyIndicatorCustom as a last Event