Can't figure out combination of rollover image/button/drag & drop

[sofla_diyer]

Hi all,

I'm using Captivate 9 and working on an interaction that has me stumped. I'm trying to set it up with images that will be used as a drag-and-drop interaction, and I want the images to have a rollover state to indicate that they are clickable. When clicked, an information box will display that provides more info for the user to determine the correct items to be dragged and dropped.

I tried at first to use a regular image and then add a 'Rollover' state, but then I couldn't figure out how to assign an action to indicate when that state would go into effect. (Is there a way to associate a mouse hotspot with an image?) Then I tried to use an image button, which worked great as far as using the rollover state and I used some conditional formatting and variables to get my more info boxes to display when the the item was clicked. However, I didn't realize until I had finished setting that part up that buttons cannot be used as drag objects, d'oh.

I thought about using an invisible button over an image so that I could get the more info to display and the image could still be used as a drag-and-drop object, but then that brings me back to not knowing how to get the rollover state to work. 😕

Any suggestions as to how I can achieve the trifecta of rollover state/button/drag & drop?

[Lilybiri · Accepted solution]

You cannot have interactive objects as drag sources, nor as drop targets. Only interactive objects have the InBuilt Rollover state that appears automatically when the cursor is over the object.

Drag sources and drop targets have also InBuitl states, but rollover is not one of them. Have a look at this article to see all the Inbuilt states in Drag&Drop:

Drag&Drop in 2016 with Captivate 9 - Captivate blog

Custom states like the one you created for the object, can only be triggered by an event. Rollover a normal object is not an event, which explains why you cannot change a state on rollover. Except, maybe (didn't check it out) by using the CpExtra widget from InfoSemantics (only for HTML output), which can be used as EventHandler (another widget from them for SWF output).

You can trigger an action when a drag source is dragged to a drop target, using the Object actions (more in: Drag&Drop tips - Captivate blog ) but that is not before dragging as you asked.

At this moment I don't see a way to accomplish what you are asking (and this is the first time I see such a question in this forum). Does it have to be D&D?

[sofla_diyer]

Thanks for commenting! Bummer this can't be done! the drag and drop part is the most important aspect, so I can work within the limitations as far as not having the rollover effects. It just would've been a nice extra feature to be able to use.

Thanks for your help! I appreciate it!

[Lilybiri]

You can always log a feature request, or try out the CpExtra widget:

Introduction to CpExtra | Infosemantics Pty Ltd