Skip to main content
johnb98198346
johnb98198346
Inspiring
June 1, 2015
Question

Drag and Drop a Roll Over Image

  • June 1, 2015
  • 1 reply
  • 456 views

This may be a bit of an advanced question, so I'm open to all thoughts.

Essentially, here's what I want to have happen:

1) Original object is white.

2) On hover of object, it becomes green. (This is possible through the Roll Over Image feature, which works nicely).

3) That object can then be dragged (while still green) and dropped to a specific location, where it stays green, so long as the cursor is still over it (else it's white).

However, the problem I'm running into is that it appears that a Roll Over Image object cannot also BE a drag and drop object.

Does anyone have any suggestions?

Thank you!

    This topic has been closed for replies.

    1 reply

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    June 2, 2015

    Have you tried using Smart Shape Button States instead?

    Lilybiri
    Lilybiri
    Legend
    June 2, 2015

    @Rod Shape buttons cannot be dragged, or do I miss something?

    @John  Rollover is not a native event, I really don't see a way within Captivate (maybe with JS?) to change the color on hovering over the object. Changing the color when dropped on target is not a problem, you can use object actions for that purpose. But Rollout again is not a native event, same problem as with hover.

    johnb98198346
    johnb98198346Author
    Inspiring
    June 2, 2015

    Hi Lily,

    I'm a little bit confused. Roll Over Image objects appear to be native. Perhaps it's just best if I provide the example I've built so far: DragDrop2Test

    The Schedule tab can be clicked and dragged over the Announcements tab - so the drag and drop works as desired.

    The user experience of the real software is that, on hover of each tab, they will light up in green. In this way, the "Schedule" tab should also be white until hovered over. While dragging, it should be green too.

    It's a minor issue, but trying to see if there are any work-arounds.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices