Notification
Newbie
Hello,
I am trying to create a slide, where its possible to drag wrench to the nut with drag and drop option, but the problem is that i can’t move this wrench to both marked nuts, it only moves to the closest one, the question is : Is it possible to change location of drag source drag point? I was thinking maybe it is possible to move this point where is the open wrench part, not middle and then I could drag wrench to both nuts, otherwise it just moves to the closest one.
Hello,
I am trying to create a slide, where its possible to drag wrench to the nut with drag and drop option, but the problem is that i can’t move this wrench to both marked nuts, it only moves to the closest one, the question is : Is it possible to change location of drag source drag point? I was thinking maybe it is possible to move this point where is the open wrench part, not middle and then I could drag wrench to both nuts, otherwise it just moves to the closest one.
You must be logged in to post a comment.
- Most Recent
- Most Relevant
Hello,
Yes, it’s possible to change the drag point of the source object so that it aligns with the open part of the wrench, rather than the center. This adjustment depends on the platform or tool you’re using to implement the drag-and-drop functionality. Here are a few suggestions that might help:
- Custom Drag Anchor Point:
- Most drag-and-drop libraries or frameworks allow you to specify the drag anchor point. Look for an option to set the drag point or hotspot. For example:
- In JavaScript libraries like Dragula or Interact.js, you can define a custom drag handle or offset for better alignment.
- If you’re using CSS for positioning, consider adjusting the transform-origin to reposition the visible drag point.
- Most drag-and-drop libraries or frameworks allow you to specify the drag anchor point. Look for an option to set the drag point or hotspot. For example:
- Adjusting Drag Geometry:
- Change the wrench’s draggable area geometry. You can define the open part of the wrench as the draggable region rather than the center of the image.
- This may involve creating an invisible overlay in the shape of the open wrench area and using it as the interactive draggable area.
- Offset Calculation:
- Calculate the offset dynamically when dragging starts. For instance, if the wrench has a specific opening, adjust the drag position relative to the mouse cursor so that the open part aligns with the nut.
- Platform-Specific Solutions:
- If you’re using a specific tool or platform (e.g., PowerPoint, Storyline, Unity, etc.), look for their documentation on drag-and-drop behavior customization. Many platforms allow you to set the drag point explicitly or provide alternative methods for aligning drag objects.
- Use Visual Feedback:
- Provide visual feedback (e.g., highlighting the nut or the wrench opening) to make it easier for the user to align the objects manually, even if the drag point remains centered.
If you provide more details about the tool or library you’re using, I can give you a more tailored solution!
Good luck with your project—it sounds like a great interactive design! 🚀
https://votre-lampe-de-chevet.com/collections/lampe-de-chevet-tactile
Hello,
Yes, it is possible to change the location of the drag source point to make it easier to drag the wrench to either nut. To achieve this, you can adjust the drag handle to the part of the wrench that you want to use for alignment, such as the open end.
Spam link….
I am uncertain if I comprehend the inquiry, but I will endeavor to provide some suggestions.
Initially, ensure that the bounding boxes of the two drop targets do not overlap. This cannot be determined from the screenshot.
Regarding the question, it is impossible to alter the position of the snapping point for the drag source. However, you may modify it for the drop targets. Simply select the drop target, and you will find all snapping options in the Format tab of the Drag&Drop panel.
I am uncertain if I comprehend the inquiry, but I will endeavor to provide some suggestions.
Initially, ensure that the bounding boxes of the two drop targets do not overlap. This cannot be determined from the screenshot.
Regarding the question, it is impossible to alter the position of the snapping point for the drag source. However, you may modify it for the drop targets. Simply select the drop target, and you will find all snapping options in the Format tab of the Drag&Drop panel.
https://lampes-de-chevet.com/collections/lampe-de-chevet-design
Not sure I completely understand the question, but will try to offer some tips.
First of all: you have two drop targets, make sure their bounding boxes do NOT overlap. I cannot see this on the screenshot.
To answer your question: you cannot change the location of the snapping point for the drag source, but you can change it for the drop targets: select the drop target and you’ll find all snapping options in the Format tab of the Drag&Drop panel.
