Hello, I'm trying to simulate a drag and drop activity in a software simulation using Cp 8.0.1.242I have a few issues!In the app I'm simulating the source object actually stays in position, and what's dragged is instead an icon representing it that appears at the point the user starts to drag. So I need to find a way to hide the dragged object until the drag action starts. Or change its appearance at the point the drag starts.The icon that is dragged is a fixed size and shape but the source object could be a totally different size and shape, so I need to position the dragged object at the cursor point when the drag action starts. When the user drags the icon over the target area, a highlight should appear. When the user moves the icon away it disappears. And reappears when the user again moves over the target. I can easily make the highlight appear when the mouse is released, but I can't find a way to show/hide the highlight while the drag is still going on before the mouse is released.Can anyone help?Thank you!

B

brightonjon

Inspiring

Question

Drag and drop - Cp8

Forum|Forum|9 years ago
September 26, 2016
4 replies
697 views

Hello, I'm trying to simulate a drag and drop activity in a software simulation using Cp 8.0.1.242

I have a few issues!

In the app I'm simulating the source object actually stays in position, and what's dragged is instead an icon representing it that appears at the point the user starts to drag. So I need to find a way to hide the dragged object until the drag action starts. Or change its appearance at the point the drag starts.
The icon that is dragged is a fixed size and shape but the source object could be a totally different size and shape, so I need to position the dragged object at the cursor point when the drag action starts.
When the user drags the icon over the target area, a highlight should appear. When the user moves the icon away it disappears. And reappears when the user again moves over the target. I can easily make the highlight appear when the mouse is released, but I can't find a way to show/hide the highlight while the drag is still going on before the mouse is released.

Can anyone help?

Thank you!

drag drop

This topic has been closed for replies.

B

brightonjonAuthor

Inspiring

Thank you everyone.

I'll investigate the Event Handler widget, and refresh my rusty javascript, though I have a feeling that for just one interaction then dragging the initial source object will have to be good enough.

I liked @BDuckWorks suggestion of using a custom cursor - it won't work for me as my laptop is so locked down I don't have access to the C drive nor the ability to save or open .cur files. It may well help others with a similar issue but more flexibility so I'll mark it as the correct answer.

TLCMediaDesign

Inspiring

I might be wrong but I think that the cursor's in BDuckWorks image are only for mouse paths, not actually a cursor that can be assigned to a real mouse.

If you wanted a real cursor it would need to be on each users computer.

You could use JavaScript to have an image follow the mouse and also highlight the drop area as long as you are using HTML5.

Lilybiri

Legend

That is also what I suspect...it will not be possible for D&D slides. I just double-checked although I was sure for 99%.

Changing the mouse cursor is only possible for software simulations, where the mouse path has an individual timeline and is an object. It is not an object in D&D slides, which means it has no Properties at all. I'm sorry to disappoint you... You can add a mouse path to a D&D slide, change its cursor, but that cursor will simply move along that path and never be used for the dragging actions.

For that reason, I will unmark the answer as being correct.

BDuckWorks

Inspiring

I was thinking you might use a custom cursor during the drag and drop.

Check these references:

1) Create and install the cursor:

Create and add a cursor?

2) Select and use the cursor within Captivate:

How do I make my cursor more visible (or bigger) for an online presentation?

@Lilybiri: Select one of the mouse objects, look in the Properties panel (include a screenshot): you can check Double Size or eventually choose another type of mouse cursor. After that, use the small curved arrow top right to apply that change to all mouse objects.

Lilybiri

Legend

Hmmm, with the InBuilt states for drag sources and drop targets in Captivate several of your goals could be realized easily. No way to upgrade? Have a look at this post:

Drag&Drop in 2016 with Captivate 9 - Captivate blog

B

brightonjonAuthor

Inspiring

Unfortunately it's very unlikely we'll be able to upgrade; even the 8.03 patch seems unlikely!

RodWard

Community Expert

Is this SWF or HTML5 output?

B

brightonjonAuthor

Inspiring

Thank you Rod, intention is to publish to HTML5 though we'll consider SWF.

RodWard

Community Expert

Unfortunately, I have to agree with Lieve. If you're going with HTML5, you would really need to either be very proficient with JavaScript programming, or else upgrade to Captivate 9 and use Object States.

For SWF output you might potentially be able to achieve your goals using the Event Handler widget to trigger actions On Mouse Down and On Mouse Up to HIDE or SHOW objects etc.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded