Replacing hotspot with transparent shape

Aug 03, 2016

In a bid to avoid the spinning ball/hotspot problem I am trying to replace all the hotspots in a course with a transparent shape.

I have an 'incorrect' layer that pops up if the learner clicks outside the shape. If learners click on the shape, I wanted them to jump to the next slide.

However, the default trigger order seems to be that the 'show layer' trigger appears before the 'jump to next slide' trigger. There's no way to reorder the triggers as the arrows are greyed out.

Frustratingly I set the course up using hotspot quiz slides, so it looks as though the only way to fix this is to remove all the freeform info and recreate the slides.

Is there anything I'm missing that would mean I could avoid this?

All ideas welcome. Thanks!

11 Replies
Walt Hamilton

You don't have a trigger order problem here, because when you create a "clicks outside ... " trigger, it is attached to the slide triggers.
When you create a "clicks on ..." trigger, it is attached to the object's triggers. They may show up in the trigger list close to one another, but that is an accidental optical illusion.


Trigger order doesn't matter, unless the user simultaneously clicks both on the object and outside the object. :)  Otherwise, only one trigger will fire, and there is no conflict of order.

That also explains why you can't reorder them; they aren't in the same list.

Rob Tao

Hi, I know this thread is old, but I can't seem to find information regarding this.

For Accessibility, I made sure each of the buttons have a transparent solid color shape. However, I can't find any information on whether transparent shape needs to be in both Normal state or both Normal / Hover state?


Becca Levan

Hello Rob,

Thank you for reaching out here! First, I'd like to get a bit more info from you so I can better understand what you're trying to achieve:

  • Is your main goal to increase the contrast ratio?

Here is a tip from our How to Design an Accessible Course article that might help guide you:

If you overlay text on a background image, reduce the brightness and/or contrast of the image to make the text easier to read. Or, place a semi-transparent shape between the image and the text to increase the contrast ratio.

If you need more guidance, I encourage you to connect with one of our support engineers to help you! Feel free to share your .story file here, and someone on my team will reach out!