Help with layers please

I've got a hotspot question that has the users having to pick one of four options. These are displayed on layers, as they are options in a screen window. Hovering over each of the options changes the screen window to show the contents of that line. (if any of that makes sense)! I'll attach the file and a screenshot. 

I am struggling with the logic I need to make the hotspot get selected, as when they show the layer, the hotspot is hidden, as it's on the base layer. 

Can anyone help me with what I'm doing wrong here?

Thanks,

Paul

3 Replies
Maria Costa-Stienstra

Hi, Paul.

Thank you for sharing your .story file and the screenshot!

I'm looking forward to the suggestions you will receive from the community members, but I wanted to share the approach I'd take. Since you already have the rectangles set up for the hover action, why not use them for the answer selection instead of hotspots?

Here is what I changed on your .story file (attached below) to show you my suggestion:

  • Click on Insert > Remove Freeform Slide, then Convert to Freeform Slide.

Screen Recording 2021-02-12 at 12.59.09 PM

  • Choose Pick One.
  • For each of your four rectangles, add a trigger to submit the Pick One interaction when the user clicks the rectangle.

Windows 10 (1) 2021-07-13 at 11.26.41 AM

  • Since your layers cover the base layer, not allowing the rectangles to be clicked when the user is on the hover state, I cropped the top part of your layers (as they repeat the base layer).

Windows 10 (1) 2021-07-13 at 11.28.32 AM

  • To simulate the blue rectangle that highlights each choice, I added a hover state to your rectangles with 50% transparency.

Windows 10 (1) 2021-07-13 at 11.31.06 AM

Let me know if this works!