Widget Blueprint Scaling/Positioning in Drag and Drop Operation

RetrocalypseNow
Sun, 02 Feb 2025 15:55:44 +0000
Blueprint

Hi all,

First off, just wanted to say this forum is amazing. There seem to be so many people here who are contributing time to others projects purely for the community benefit and I very much look forward to being able to give back as I learn.

I’ve been working on a project to improve my knowledge of widgets and have recently made use of this very helpful blueprint to create a zoomable window that I can pan around. I have also used the drag and drop operation tutorial here. Fortunately, the way I have it set up allows me to zoom in and out and the white boxes remain the same size which is the desired effect, but I need to find a way to resolve the issues shown in the following clip:

Gyazo

Gyazo Screen Video

Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

Problem 1
When I zoom in or out, I want the dragged widget to remain the same (or maybe slightly bigger to indicate the drag). At the moment it’s scaling up to whatever the original size is.

Problem 2
The position is accurate during the drag and drop operation when I am at the default zoom, but as soon as I zoom in and out the position gets distorted and doesn’t land where the indicator shows.

I assume that somewhere on the drag and drop operation I need to somehow tie in the scale values from the map blueprint, but I’m at a loss on where or how to do this.

The only real tweaks I’ve made is that I am placing it in a nested canvas panel rather than one that is taking up the entire screen as it’s intended to operate in a sort of application window.

Incase it’s useful, here are a couple of blueprints pastebins

In “Dragable”
OnMouseButtonDown
OnDragDetected

In “Map”
OnDrop

1 post - 1 participant