Forum Discussion
Replacing hotspot with transparent shape
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
Hi Katherine
have you tried both ways to reorder ...sometimes instead of being on the top trigger and trying to move down, you can go to the second trigger and use the up arrow.
Thanks Wendy. Yes... the arrows are greyed out for both triggers.
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.
The problem is that when I replace a hotspot with a transparent shape, for some reason the 'jump to next slide' trigger doesn't fire.
It could be happening because it's set up as a freeform slide. It's a little frustrating.
Hi Katherine
Does transparent shape have a fill colour set to 100% transparency or No Fill? If No Fill that could be the issue.
if still not working upload the slide so someone can take a look
Aha - they are no fill, not 100% transparency.
I can't understand why one would work and the other not, but thanks for the help - really appreciate it!
Does no fill mean that SL can't detect the shape?
No fill means that there are no pixels inside the shape, so it can only be detected by its outline if it has one. Transparency means there are pixels inside the shape. You can't see them, but they can be used to detect the shape and the mouse.
Got it - thanks!
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?
Rob
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!
Hi Becca,
Sorry, was away from vacation for a week, thank you for the info!
Rob
