Skip to main content
Participant
September 8, 2020
Question

Hover text on drag source

  • September 8, 2020
  • 2 replies
  • 1473 views

Hello, 

I was wondering, is it possible to add a hover or rollover text on the Source(image) of an drag&drop interaction?

I have tried it with states, but these only work "On Drop Action". Thus when de Source is dropped on the Target. But i want this before any drag-movement, when you hover or click on the source.

What i want is to give the user an hint of where the source should go to, so that they partly know what this object is (this object is part of an photo) and that's why i want to give a hint.

Any ideas?

Thx for your time.

    This topic has been closed for replies.

    2 replies

    Stagprime2687219
    Legend
    September 8, 2020

    I picture in my mind a little something like this.

    I can offer a relatively non-complex JavaScript solution for this if you're interested. 

     

    jake5C9DAuthor
    Participant
    September 9, 2020

    Thanks Lilibiri and Stagprime 🙂

    I didn't knew about the inBuilt state, thanks for pointing it out. I will study it, got it already partly working.

     

    Stagprime, yes i would also like to know the JS-solution.

    Lilybiri
    Legend
    September 9, 2020

    You're welcome. Be sure, lot of Captivate users ignore many more hidden features and are looking for more complicated workflows. The limitation of the InBuilt states for D&D objects is explained in the blog I mentioned. Moreover for all multistate objects it is impossible to apply an effect to a state (would be a great improvement) nor add an interactive object. 

    JS will offer more possibilities, starting with creating a new event because hovering over an item is not an event. Another possbility would have been using the CpExtra widget by InfoSemantics, if you want to avoid having to code. 

    I like the KISS principle... if it is not decreasing the efficiency of the learning and saving me time.

    Lilybiri
    Legend
    September 8, 2020

    Did you try the inBuilt 'Dragstart' state of the drag source? Have a look at this tutorial:

    https://elearning.adobe.com/2017/08/built-in-states-for-dragdrop-objects/