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***


Keep up to date on this post and subscribe to comments

August 2, 2019 - 3:11pm

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.

September 16, 2019 - 1:57am

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){
            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 {
              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.


September 16, 2019 - 10:01am
Response to MounikaThatikonda

Hi Mounika,

I added the code snippet to the control, but it did not work.

September 16, 2019 - 9:28am

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 ?

September 16, 2019 - 3:23pm
Response to Krithiga_GCS

I'll look into adding pagination to try to fix it.

I have added the screenshot. Meanwhile, we're looking into alternatives to it.

September 17, 2019 - 3:37pm
Response to SergioV7

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 ?

September 17, 2019 - 4:07pm
Response to Krithiga_GCS

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.

September 18, 2019 - 9:13am
Response to SergioV7

Thanks for the response Sergio. If pagination does not resolve the issue, do open a SR with Pega.

Thank you!

September 16, 2019 - 2:56pm

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


September 16, 2019 - 3:14pm
Response to mahab_GCS

It happens in all browsers.