Hotspots, States and Lightbox slides

I have hotspots that each cover their own shape. Via a trigger, hovering over the hotspot changes the state of the shape below to hover. Clicking on the hotspot activates a lightbox (different one for different hotspot) but I would also like it to change the state of the shape below to visited so users know they have already clicked on that option. I have this trigger set above the lightbox trigger but the state does not change. Ideas?

9 Replies
Leslie McKerchie

Hey Robin,

Thanks for sharing your .story file so that we could take a look.

The hotspots that you added were not really necessary to your project. Removing them and the manual triggers seemed to have corrected the issue.

Your updated file is here if you'd like to take a look at the behavior (I just remember I turned the menu on for ease of testing though).

Robin Wooten

Thanks Leslie. I was aware that I could just use my rectangles but there is a graphic on top of them that I know some students will click on - which won't, of course, have the desired effect. They'll probably eventually figure it out but it will annoy them. Or they will simply stop doing their homework saying they couldn't get it to work. I am trying to avoid both.

I have tried the hotspot, putting the trigger on the graphic as well, grouping the graphic and rectangle, but none of those work. I will probably do this type of thing often so I wanted to see if I could get it to work. These are smaller graphics and text - the other times I plan to do this would have larger text and graphic overlays so would have a more pronounced effect.

If I had to, I could save the graphic and rectangle and text as a picture in 3 different ways to show normal, hover, and completed but that would take a lot of time unnecessarily - especially when I want this do this a lot.  

Am I doing something wrong or is this a bug?

Any other ideas? Thanks for your help.

Leslie McKerchie

Saving as a picture is a good solution as well.

Did you take a look at the file I shared? I took another look and I'm not getting any interference on those rectangles (Slide 15.4 is the correct slide, right?) and they work as it seems you intended. 

If you're seeing something different when taking a look, please create a Peek recording so that I can take a closer look.

Robin Wooten

When you happen to click on the graphic on top of the rectangle, it does not activate the trigger. That is why I went to a hotspot over the whole thing. People, especially students, unlike us familiar with Articulate, would not always recognize that they need to avoid clicking the graphic part. I would like to do this often which is why I am trying so hard to make it work.

https://360.articulate.com/review/content/d86c04db-ab74-4876-a89e-c8d249e575d4/review

Thanks for looking at this!

Robin Wooten

Well, I figured out something that worked although it may not be the easiest way. I needed a hotspot in case students click on the graphic or text. However, what was happening when using the hotspot was that it was changing to the completed state when clicked but changing back to the initial state when the mouse hover left the hotspot even when I put a condition not to change to hover if the state of the rectangle was completed. So I put a normally clear rectangle overtop the original rectangle and had the hotspot change that to completed. I like this because the hover was still active showing them they could revisit it if they wanted. Not sure that made sense but there must be an easier way. 

Leslie McKerchie

Hi Robin,

Thanks for popping back in to update me on your progress. 

There are always multiple ways to accomplish the same task in Storyline.

I know you mentioned my solution did not work well for you, so my next would have been to go with the 'save the group as a picture' process mentioned above.

Way to go!