6 Replies Latest reply: Jun 23, 2014 11:04 PM by Metapod

Responsive Scaling Drag and Drop

Metapod Jun 15, 2014 5:13 PM

Hi All

I have an issue with my drag and drop when I set the stage to use responsive scaling. The item being dragged jumps to different positions on and sometimes off the screen.

If I turn off responsive scaling everything is fine.

I noticed it seems to be a problem as per the comments in the blog Paul Trani | Drag/Drop in Edge Animate Part 2: Multiple with Touch

This was a few months ago, and I was just wondering if anyone had a workaround or if there was an update for this ?

Thanks

1. Re: Responsive Scaling Drag and Drop

Metapod Jun 18, 2014 5:12 PM (in response to Metapod)

Anyone got any ideas ??
Like Show 0 Likes (0)

Actions
2. Re: Responsive Scaling Drag and Drop

robboerman Jun 19, 2014 6:23 AM (in response to Metapod)

drag and drop can not be responsive, like as on % based or responsive scale.
Like Show 0 Likes (0)

Actions
3. Re: Responsive Scaling Drag and Drop

Metapod Jun 19, 2014 6:21 PM (in response to robboerman)

Hi Robboerman

Thanks for the reply.

I have been able to achieve the desired effect when using Adobe Captivate and outputting to HTML5.

I don't know how its done in that case, but that was the effect I was after.

Thanks
Like Show 0 Likes (0)

Actions
4. Re: Responsive Scaling Drag and Drop

Chris Gannon Jun 20, 2014 6:50 AM (in response to Metapod)

May I suggest you use Greensock's Draggable utility for drag and drop? It has an amazing feature set (complete with hit events) and, in answer to your question, it scales the relative values when you scale the stage/browser so that your draggable objects always know where they should be (and you don't get that offset issue).

And it's free!

http://greensock.com/draggable/
Like Show 1 Like (1)

Actions
5. Re: Responsive Scaling Drag and Drop

sarhunt Jun 20, 2014 1:49 PM (in response to Metapod)

Hey Metapod,

As Chris suggested, I'd recommend using the Greensock library for dragging and dropping when using responsive scaling. If you're using jQuery UI as per Paul Trani's tutorial, this is unfortunately limiting in that it looks for absolute pixels which will throw off the drag when the composition is resized. Greensock does a good job of handling this case.

Cheers,
Sarah
Like Show 0 Likes (0)

Actions
6. Re: Responsive Scaling Drag and Drop

Metapod Jun 23, 2014 11:04 PM (in response to Chris Gannon)

Thanks Chris

I have just spent some time over the past few days trying to get my head around it. I think I'm there.

I have it working as html, so now its just a matter of porting to edge, and making sure its responsive. Thanks for the tip. If I get a chance I will write something up on my experiences getting up and running in edge.

Thanks
Like Show 1 Like (1)

Actions