Help with layers please

Jul 13, 2021

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

waitlist_question.png
Waitlist_Question.story

3 Replies

Maria Costa-Stienstra
Staff

almost 3 years ago07/13/21 at 3:34 pm (UTC)

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!

edited_Waitlist_Question.story

Judy Nollet
Hero

almost 3 years ago07/13/21 at 3:47 pm (UTC)

Maria provided a nice, simple fix.

If you want the rectangles' Hover states to match how the software highlights rows, fill each Hover state with a screen shot of the highlighted row (instead of the 50% transparent color that Maria used).

Paul Williams
Author

almost 3 years ago07/14/21 at 7:19 am (UTC)

Thank you all! Every day I learn something new. Sometimes it's impossible to see the wood for the trees, and you've helped clear the confusion :-) I'll try those out this morning. They all make great sense and I'm sure it'll work. Have a good day. :-)