Restore on mouse leave feature doesn't work

Nov 14, 2014

Hi!

I have a simple "tooltip" in a layer, the layer contains the tooltip but also an image. This layer is set to be shown when you hover over an image, at the same I want to set an image on the base layer to hidden state, I have created the trigger AND ticked "restore on mouse leave". But it doesn't restore, the hidden image stays hidden.

What is wrong?

Best regards

Catrin 

26 Replies
Bill Koza

Sure Chris,

On my base layer I have a yellow donut shape. On the shape I created two hot spots. I added two layers with additional partial donut shapes that are colored red and green that overlay the base shape in two quadrants, so on mouse over part of the shape on the base layer will be "activated" with the color.  I set triggers for each hot spot so on mouse over on hot spot 1 that spot will change to red, on hot spot 2 the color will change to green. I also tried to achieve this same effect using states. Sometimes I can see a flicker of the color changing. Other times I can get the hot spot to change but only in one tiny area like on the edge where the two hot spots meet. I thought I could create multiple hover states but I couldn't get that to work.

Thanks for your help!

 

Chris Cole

Hi Bill.

In each of your layers, you have a trigger to change the state of the partial donut shapes to  hidden. When you roll over your hotspot, the appropriate layer shows, and the image in that layer shows, only to be instantaneously hidden by the trigger in the layer because the mouse is still hovering in that location.

Regards,

Chris

SantiaX - Company

Hi, I have the same problem - see the attached slide in special file.

I create the signpost slide on which I change the state of objects when user hovers the mouse over another objects. Sometimes (and I still haven't found the rule) the objects remain in the "KUK" state and don't restore to their initial state - "Normal". 

It happens most of the times when I hover the mouse over the objects quickly.

Thank you, Honza

Alyssa Gomez

Thanks for sharing your file with me, Honza. I saw the same thing you described. "Restore on mouse leave" works if you hover slowly, but I did see a problem when hovering over the objects quickly. Here's a screen recording of my testing. 

I'd like to share your file with our Support Engineers so they can investigate this further. Keep an eye out for an email from Support@Articulate.com!

Chris Cole

Hi Honza and Alyssa -

I'm usually leery of fiddling around with states too much as they can sometimes be unpredictable, as you are seeing. Maybe you can accomplish the same thing using layers instead?

Have each rollover button display a layer when hovered over. The layers have the highlights that display for each rollover. When you create the trigger for each button to display the appropriate layer, make sure the option to Restore On Mouse Leave option is turned on so when the learner rolls off of the button, the layer hides again. I think showing/hiding layers on hover will be more dependable and will be simpler to manage.

Hope this helps.

Chris

Chris Cole

Hi Honza. One other thing that popped in my head last night... if your objects are grouped, you could check to see if ungrouping changes anything. Grouped objects sometimes have animation issues (like if you add animation to an object that is part of a group that has an animation) - grouping might also affect state changes?

Ashley Terwilliger-Pollard

Hi Honza and Chris, 

Great news!  We just released another update for Articulate 360, and included a few important fixes and new features that you'll see in the release notes here.

The item you'll be interested in is how we fixed the issue where hover states didn't always work properly in HTML5 output when they had spin animations or when learners moused over several objects quickly.

Just launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.

Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.

Clint Clarkson

Same problem here with SL360. Read through this post and didn't find a solution. The problem object is not in a group and I've tried reordering triggers, as well as reordering objects on the timeline. Please help! Hopefully, I'm just doing something silly! :-)

.story file attached.

There are 6 hotspots. Each hotspot has a trigger to:

1. Change a text container to hidden state
2. Change an image to hover state
3. Change a play button (two objects, two triggers) to normal state

All triggers have "Restore on mouse leave" checked.

The image returns to normal state, the play button returns to hidden state, but the text container remains hidden, instead of returning to normal. 

Thanks so much!

CC

Wendy Farmer

Removed the HS, cut the text and pasted it onto the normal state of the image. Cut the hover state of the image and repasted it.  Removed the triggers to show hover - these are built in SL states and I've found SL doesn't play nice with triggers for hover.   I just couldn't account for the play button as I wasn't sure how it was working...I've attached the updated file if any use to you.

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