Forum Documentation Showcase Pricing Learn more

Referencing a Drag element within Repeating Group?

In my app, I’m using drag/drop to set the order of items in a list. Because the list can go on for more than a page, the app makes it easy for users to drop an item to the very top of the list by dropping it on a drop zone in the header. Because it is a floating group, the header is always on the page regardless of where the user scrolled to in the RG.

This snippet shows part of the header and repeating group:

image

The element where it says “Drop Action at Top of List” is normally hidden. When the header drop zone is dragged over, the text is made visible, with a bright yellow background drawing attention to it. (Actully, it’s the underlying drop zone that gets the yellow background, but it could just as well be the text element.)

All the functionality works great.

However, I’d like to help the user understand what’s possible while dragging an item.
When the user starts dragging an item, I’d like to hide all the other header text and show the “Drop …” text so it’s obvious what the user can do by dropping an item on the header.

Responding to the drop zone being dragged over is easy. The invisible text element has a conditional that tests for the drop zone being dragged over.

image

However, when I try to reference the drag element, it’s not available to any header elements because it originates within the RG.

Any ideas for how to let the header element know that something is being dragged so it can signal its availability for dropping?

I have the same need. I have a Repeating Group (Sub) within another Repeating Group (Master). I allow the user to reorder by to dragging Sub Things within and between different Master Things, as well as drag Masters to reorder then as well. No problem at all. I even have DropAreas on top of other DropAreas.

But, since there is a lot to drag around, and Master and Sub Things can only be dropped on some of the DropAreas I would like to highlight the ones allowed.

Is this even possible? I can’t find a way to get hold of when a DragGroup is dragged outside of the current Repeating Group.

1 Like

Solving this problem seems like it calls for a JavaScript wizard. I keep coming back to this but I don’t see any way for an element outside a repeating group cell to see or respond to something happening inside a cell.