State change for shape in a group
Oct 24, 2019
Hi there,
I'm building a Storyline 360 piece which includes a menu with 5 topics. Each menu item navigates learners to the correct section. There is also a disabled 'Finish' button which is not active until all sections are visited. This also works as intended.
Each menu item includes an icon, a text box, a shape and an image. They all have hover states except the image. The shape has a visited state which is designed to be be grey when a learner completes each section.
The menu hovers work fine, however on completion of each section, the shape's state change doesn't trigger to visited. Instead it freezes on the hover state. If you hover over it again, it changes to visited.
On a separate file I changed the shape state change to be 'on click' but this didn't solve the problem either.
Would someone be so kind to look at my file and let me know if I've messed up the states, triggers and variables?
9 Replies
Hi Mark
see if the changes I've made to your file make it work how you wanted.
The first rectangle didn't have the grey visited state like all the others it was blue so I changed it to grey.
I then updated all the triggers to be 'when timeline starts' instead of 'when variable changes'.
Hope this helps
Hi Wendy!
Thanks so much for looking at this so quickly!
In your version, the shape is changing to its visited state in grey, but the icon and the text box are freezing on the hover state. I'm really wanting them to return back to normal.
Hi Mark,
I think I reached a conclusion similar to Wendy's. I took a look at your original file and the file she shared and I'm seeing the icon/text display from the Normal State, not the hover state.
Would you be able to explain what you are seeing? I feel that I may not be fully understanding.
Hi guys,
my bad on topic 1, the visited state wasnt even grey there.... however if you look at topic 2, upon return to the menu it get's stuck on hover when I want it to be visited.
I've attached a screen grab - Ideally I want each topic to be grey once each section is visited
Hi Mark
so you are not expecting the icons on the topic to change just the visited state of the background rectangle is that correct? Is this module being published to an LMS or web?
Hi Wendy,
The icons only have a Normal and Hover state - there's no Visited state for the icons.
I'd like the rectangle shape to change to Visited once each section of the course has been completed.
I will eventually upload this to our LMS.
That's what is happening for me - I'm not seeing the 'stuck' issue.
See this Peek video of the first three topics - I can't see what the issue is sorry.
you are a star Wendy! I just deleted all the slide triggers that I had and replaced them all as you suggested. (change state of rectange # when the timeline starts if (variable) is equal to true.
just like your video, the rectangles are now changing to visited, however the icon gets stuck on hover state until you hover over it again and it returns to normal.
does that make sense?
Hi Mark
I hate groups (just sayin') - I find they are very fiddly with state changes so I personally would export the group as an image and then import it back in.
or alternatively - add a hotspot over each rectangle and then trigger the state changes when the user clicks the mouse or hovers over the mouse.
Perhaps someone else can offer another suggestion...all the best with your project.
This discussion is closed. You can start a new discussion or contact Articulate Support.