Question


Coforge
IN
Last activity: 21 Jan 2020 6:43 EST
Drag and Drop of assigment is not working in pega 7.3.1 when the list is long
Drag and Drop of assigment is not working in pega 7.3.1 when the users list is long.
problem: Need to transfer the assignment from workbasket to specified operator by using drag and drop. When the operator is listed down in the list and navigating to operator using down arrow and placing the assignment to that operator is not working. Drap and drop is failing.
Please suggest is there any alternative approach (key) to transfer the assignment to specific operator.
***Edited by Moderator Marissa to move from Pega Academy to Pega Support Community; update platform capability tags***
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!


GFT
BR
I am facing this issue as well. I noticed that when the operator list is longer than the visible area in the browser, if I scroll down and try to drag an assignment to the user, it shows the operator as the one that was in the same position, but before I scrolled. Sort of like it cached the visible operators and kept the reference to them.
Is there any solution to this issue. I am working on version 7.2.2.


Pegasystems Inc.
IN
Hi Chandra, Sergio,
Please check if the below local change helps.
Include it in the drag and drop control in pyUDashWorkAssignmentDragHandle rule -> pega.util.Event.onDOMReady(function() {}) API,
Hi Chandra, Sergio,
Please check if the below local change helps.
Include it in the drag and drop control in pyUDashWorkAssignmentDragHandle rule -> pega.util.Event.onDOMReady(function() {}) API,
Code Snippet:
dd.alignElWithMouse=function(el, iPageX, iPageY){
debugger;
var oCoord = this.getTargetCoord(iPageX, iPageY);
var self = this;
var clientH = this.DDM.getClientHeight();
var header=$("header").height();
if (!this.deltaSetXY) {
var aCoord = [oCoord.x, oCoord.y];
pega.util.Dom.setXY(el, aCoord);
var newLeft = parseInt( pega.util.Dom.getStyle(el, "left"), 10 );
var newTop = parseInt( pega.util.Dom.getStyle(el, "top" ), 10 );
this.deltaSetXY = [ newLeft - oCoord.x, newTop - oCoord.y ];
} else {
console.log("oCoord:",oCoord);
console.log("deltaSetXY",this.deltaSetXY);
pega.util.Dom.setStyle(el, "left", (oCoord.x + this.deltaSetXY[0]) + "px");
pega.util.Dom.setStyle(el, "top", (oCoord.y + this.deltaSetXY[1]) + "px");
}
this.cachePosition(oCoord.x, oCoord.y);
if(oCoord.y > (clientH-100)){
$(".workarea-view-scroll-wrapper").stop(true, false).animate({scrollTop: $(".workarea-view-scroll-wrapper").scrollTop()+150}, 500);
var self = this;
setTimeout( function() { self.DDM.refreshCache(self.groups); }, 500);
}else if(oCoord.y < header ){
$(".workarea-view-scroll-wrapper").stop(true, false).animate({scrollTop: oCoord.y}, 500);
var self = this;
setTimeout( function() { self.DDM.refreshCache(self.groups); }, 500);
}
};
Alternatively you can change the design and implement one of the below options:
1. Use pagination and show only a few values so that you do not need to scroll.
2. Place the grid / widget at such a place that screen level scroll is not required anymore.
Hope this helps.
Regards,
Mounika


GFT
BR
Hi Mounika,
I added the code snippet to the control, but it did not work.


Pegasystems Inc.
US
Typically Drag and Drop works best if the assignee is in the same view port as the assignment.
If you are list of assignees are long, can you try to introduce pagination so that instead of scrolling you can move to the next page ?
Can you attach a screen shot of how your page is laid out ?


GFT
BR
I'll look into adding pagination to try to fix it.
I have added the screenshot. Meanwhile, we're looking into alternatives to it.


Pegasystems Inc.
US
Thanks for the screen shot. Are you dragging and dropping to the left ?
And does the issue happen when you are trying to drag to an assignee whose name can be reached only by scrolling ?
DO try pagination and let me know if that helps .
also when you mention drag and drop fials, could you elaborate how ? Are you not able to scroll to the name ? Does the dropping the assignment not perform the transfer as expected ?


GFT
BR
Hi Krithiga_GCS,
Yes, I am dragging and dropping to the left.
Yes, it only happens when I drag to some assignee that is only accessible by scrolling.
When I mean fails there are 2 scenarios that happen:
For a screen like:
Assignees Tasks
Joe t(1)
Mary t(2)
| scrolling
Ann t(n-1)
Mike t(n)
1 - When I drag and scroll to an assignee not initially visible, it will show the drag to message to the exact assignee that was on the screen position when the section first loaded. e.g., If I take t(1) and drag it to Ann, it will show Joe as the assignment transfer target and when I confirm it will move the assignment to Joe
Hi Krithiga_GCS,
Yes, I am dragging and dropping to the left.
Yes, it only happens when I drag to some assignee that is only accessible by scrolling.
When I mean fails there are 2 scenarios that happen:
For a screen like:
Assignees Tasks
Joe t(1)
Mary t(2)
| scrolling
Ann t(n-1)
Mike t(n)
1 - When I drag and scroll to an assignee not initially visible, it will show the drag to message to the exact assignee that was on the screen position when the section first loaded. e.g., If I take t(1) and drag it to Ann, it will show Joe as the assignment transfer target and when I confirm it will move the assignment to Joe
2 - When I drag and scroll to an assignee, Pega looses reference to the assignee and shows an empty transfer to target and gives me an error when trying to transfer the assignment.


Pegasystems Inc.
US
Thanks for the response Sergio. If pagination does not resolve the issue, do open a SR with Pega.
Thank you!


Pegasystems Inc.
US
Also see if the issue is only happening in a specific browser (Say IE11 only) or other modern browsers as well (Chrome/Firefox/Edge)


GFT
BR
It happens in all browsers.


Cognizant
AU
Could you let me know if issues is resolved then what is the solution for the issue?


GFT
BR
It wasn't resolved. We opted for removing this feature from our application and using another way for doing this (no drag and drop).