Page 1 of 1

Drag / Drop Proxy and Styling

Posted: Thu Jul 12, 2018 11:55 am
by ekidhardt
We are implementing some very intensive drag / drop interfaces and I was hoping to get some help on one issue I seem to be having. I have an img element in a subfile row. I was able to get it centered in the row by setting the left to 50% and (because the image width can vary) setting an inline style of transform:translateX(-50%) to put it smack in the middle.

When I go to drag this image, the proxy is offset from my cursor. I'd like to use CSS to style it proper, but it inherits the name of the original element. Any ideas of what I may be doing wrong?

Re: Drag / Drop Proxie and Styling

Posted: Thu Jul 12, 2018 5:01 pm
by ekidhardt
I need the proxy to have a different ID from the drag / drop item - please advise how to fix this.

Re: Drag / Drop Proxie and Styling

Posted: Thu Jul 12, 2018 6:09 pm
by Megan
Hello Ed,

We'd be happy to look into this for you! Could you please send us the code you are working with to support@profoundlogic.com? This will help us more clearly see what you trying to do. Please remember to change the extension of .js files to .txt or .bak before emailing them so that they do not get blocked.

Thanks!

Re: Drag / Drop Proxy and Styling

Posted: Mon Jul 16, 2018 9:44 am
by ekidhardt
Update - Solved:

The default ID of the proxy is the same as the dragged item - I was able to change the proxy ID using pui.dragDropInfo.proxy.id.