Forum Discussion
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
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.
- Choose Pick One.
- For each of your four rectangles, add a trigger to submit the Pick One interaction when the user clicks the rectangle.
- 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).
- To simulate the blue rectangle that highlights each choice, I added a hover state to your rectangles with 50% transparency.
Let me know if this works!
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).
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. :-)
