Hi there,
I have further questions regarding what is possible here.
Firstly we have reverted to using a treeview component here (the treegrid component did not actually fit our purposes given some limitations in its drag and drop functionality compared to the treeview).
I can tell how to apply some styles to the floating dragged item, however the more interesting thing I would like to do is give the user some visual indication as to whether where they are hovering is a valid drop target.
I appreciate that there are currently some icons in the floating element, however they do not fit our purpose.
In our implementation there are two treeview components, dragging from left to right the purpose is to link the entities the nodes represent and from left to right to unlink them.
Therefore going from right to left, it is only valid to drop directly onto top level nodes, but going from left to right it is valid to drop anywhere inside the treeview component.
The most plausible way I can see to achieve what I would like to do would be to apply a css class to all nodes in the treeview that are valid drop targets - I would then the floating element to have styles or a class applied to it when it is dragged over valid drop nodes. Is that possible? I can't find any on drag over events exposed.
Perhaps there is some more general interface through which it is possible to customise the rules for what is a valid drop target and give feedback to the user in the UI?
