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?
Drag / Drop Proxy and Styling
-
- Profound User
- Posts: 25
- Joined: Mon Jul 03, 2017 1:35 pm
- First Name: Ed
- Last Name: Kidhardt
- Company Name: Conestoga Wood
- City: East Earl
- State / Province: Pennsylvania
- Country: United States
- Contact:
Drag / Drop Proxy and Styling
Last edited by ekidhardt on Fri Jul 13, 2018 9:13 am, edited 1 time in total.
-
- Profound User
- Posts: 25
- Joined: Mon Jul 03, 2017 1:35 pm
- First Name: Ed
- Last Name: Kidhardt
- Company Name: Conestoga Wood
- City: East Earl
- State / Province: Pennsylvania
- Country: United States
- Contact:
Re: Drag / Drop Proxie and Styling
I need the proxy to have a different ID from the drag / drop item - please advise how to fix this.
- Megan
- Profound Logic Staff Member
- Posts: 90
- Joined: Mon Sep 11, 2017 12:15 pm
- First Name: Megan
- Last Name: Bond
- Company Name: Profound Logic
- Phone: 5623227473
- State / Province: California
- Zip / Postal Code: 92692
- Country: United States
- Contact:
Re: Drag / Drop Proxie and Styling
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!
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!
-
- Profound User
- Posts: 25
- Joined: Mon Jul 03, 2017 1:35 pm
- First Name: Ed
- Last Name: Kidhardt
- Company Name: Conestoga Wood
- City: East Earl
- State / Province: Pennsylvania
- Country: United States
- Contact:
Re: Drag / Drop Proxy and Styling
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.
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.
Who is online
Users browsing this forum: No registered users and 0 guests