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.
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.
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.
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.
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!
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.
Chris, thanks for your tip, I had the same idea of using layers instead and if the solution doesn't come quickly, I'll have to use it. Anyway, I am convinced that Support Engineers will do their best to solve this issue;-)
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?
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.
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.
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.
26 Replies
Hi Catrin!
It may be best to take a look at your .story file to understand this :)
Hello Catrin!
Do you have a .story file you could share? Or even just the one slide.
Hello,
I am having the same problem. Layers do not show on mouse hover for hot spots or states. Is there a fix for this? I am using Storyline 2.
Hi Bill - can you give a little more detail on the issue you are having?
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!
Thanks Bill. It's likely just in your setup and how you are doing the triggers. Could you post the storyline file and I'll take a look?
Sure. It's just a practice file to play with the features in S2. It's slide 1.5
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
Thanks for jumping in to assist Chris!
You're welcome Emily. :)
Thanks Chris! Appreciate your help.
You're welcome Bill.
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
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!
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, thanks for your tip, I had the same idea of using layers instead and if the solution doesn't come quickly, I'll have to use it. Anyway, I am convinced that Support Engineers will do their best to solve this issue;-)
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?
Hi Honza,
I peeked in on your case, and I see that Vevette is testing your project file as we speak. You should hear back from her soon!
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.
Thanks for the update Ashley!
No problem Chris, and let us know how it goes with the update!
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
Hi Clint
see attached Peek - I've got the hover state to work and return the text but what is the white button for that displays on hover state of the image
How did you do that, Wendy!? The white button has an icon inside it that requires the FontAwesome font.
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.