Delay the "show layer" trigger when user hovers over.

Dec 02, 2016

Hey everyone,

I've been trying to research how to do this for a while now. I created some buttons that when hovered over, reveal a layer with a new set of options. However, I noticed that if you're not careful, you can accidentally hover over another button and the layer will switch to something else.

To prevent this I figured it would make sense to create a delay. Is it possible to create a trigger that states "the user must hover over the image for at least 1 second before the layer appears?"

I tried doing something with the "show layer when timeline ends" option but it doesn't seem to work the way I want it to work.

Please let me know if you have any solutions. I attached the project I'm working on to show you what I mean.

6 Replies
Alyssa Gomez

Hi there Erik! Thanks for sharing your file here. Unfortunately there isn't a way to create a delay like you described. Is there a reason why you're triggering a layer when the user hovers over the buttons instead of when the user clicks on the buttons? Requiring the user to click would prevent accidentally hovering over a different button.

If you would like to keep the hover feature, one idea is to block the user from hovering over the other buttons using a semi-transparent shape. I added that to your file and attached it here, so you can see what I mean.

Erik Popil

Thanks so much for the suggestion Alyssa! That's a pretty neat idea.

*sigh* yeah, you're right. It can be avoided to just make the user click. But last year the students complained about having to click a lot in an older version of this module. To make the students happy I figured a hovering option would be nice for them and would reduce the amount of clicks they have to do to explore their options.

Tirzah Tward

I'm sure it is late for this option, that said, for future reference here is what I do when in need of a delay. I create an invisible box with a set Entrance animation for the amount of time/delay I require and then trigger the box being hovered over from there (ie: when animation for rectangle(?) completes - Entrance).

I hope that helps someone at some point.

Be well.

This discussion is closed. You can start a new discussion or contact Articulate Support.