hover effect drag and drop

Irene Löffler shared this question 2 years ago
Answered

I have created a sortable list with drag and drop. Is it possible to add a hover effect on the other elements when I drag an element over them?

Comments (12)

photo
1

Hi Irene,


May I ask if you could elaborate more on what you're looking for? Perhaps there's an online example you could link to?


Best,


Danielle

photo
1

here is an example: http://www.redips.net/my/preview/REDI...


in this example: if you drag a row of the table you can see where it will be inserted if you drop the row. So the user gets an idea where the actual dropping position is.


and my question was if this hover effect can be realized with justinmind.

photo
1

... has anyone an idea if the mentioned hover effect is possible or not?

photo
1

I don't think this question is answered ;)

For mobile prototypes there is no "On mouse over" But exactly this option is needed for stuff like this. Would be nice if this would work for mobile prototypes as well.

photo
2

Hi there,


Thank you for your suggestion - I will forward it to our development team.


Best,

Danielle

photo
1

I would like the same thing. For now I made this:

When I drag an element over another element the element changes it style.


When: panel_1x =panel_2x & panel_1y =panel_2y -> change style


It works however only when I drag the element exactly onto the same X&Y point.

Would be nice if it's possible to change the relative x&y to the full object area.

photo
1

Hi , Is there a Mouse over effect in Just mind yet , cause I am currently using a trial version an do not see one.

Best Regards ,

Subhashini

photo
1

Yes, you can create 'on mouse over' events. Look to the events panel and go to create an event, and under 'mouse' events you'll see 'mouse over'.

photo
1

Hi Danielle,


if you could point me to where the 'mouse over is', that will be great. I do not see it at all. here is my screenshot.


Regards,

Eugene

photo
1

Hi Eugene,


It depends on you documenttype. Try setting up a webpage document and see if it appears.


Best,

Sil

photo
1

Hi Sil,


May I know how do i set the document type? the size of my canvas is custom as i am prototyping for a desktop application.


Regards,

Eugene

photo
1

I don't think you can adjust the document type once it's set.

The custom device is set as a tablet/phone. You can see the type in the outline panel. The icon shows a phone.

You can start a custom screen size for desktop when you select web in the new file menu. Now the icon in the outline panel shows a desktop screen.

photo