Is there a way to create hotspots with states? I want to link to different external websites without showing the typical "text underline" hyperlink designation. I tried to do this with a hotspot and I tried it with a 99% transparent shape...no luck. I know I can use layers, but I want to use states. Any ideas?
The built-in hotspots do not have states. You could use a transparent shape instead, which allows you to add custom states. Or you could use the usual hyperlink and simply turn off the underline.
I was afraid that was the case. The transparent shape on a state doesn't work either as far as adding a hotspot...tried it prior to my original post. I ended up making this work with layers as it had the hotspot functionality I needed. Thanks to both of you for your help!
I am wondering if this has been updated. I have hotspots on my tabs and I want the user to see the state of the tab changing colors but I can't seem to get it to work.
Hotspots don't have states and therefore they don't have different colors. So since this thread is a bit older, perhaps you could clarify what you're looking to share?
I want the user to be able to see each tab that they selected. The user is unable to move to the next slide until all of the tabs have been either selected or visited. (but I can't set that up)
Just modify the states of your tabs, giving each a "visited" state that is a different color, or has a checkmark on it, whatever.
There is no need to add hotspots over the thing you want to use as a button.
If fact, it is better not to in this case, because hotspots don't have states other than just showing a hand cursor. Best practices in UX design support having more than that.
For the rest, have the next button begin in a disabled state. This can be done with a trigger also, unless you are using custom navigation buttons in which case you would just modify this in the "states" tab.
Add a trigger to change the Next button to normal state when state of all tabs = visited.
Thanks Scott for the assist and I'm glad it helped you Helena. It's always great if you can share an image and the .story file is typically best to share as well so that folks can take a look at your set up.
10 Replies
The built-in hotspots do not have states. You could use a transparent shape instead, which allows you to add custom states. Or you could use the usual hyperlink and simply turn off the underline.
Thanks Michael for helping out here, and Jonathan if you need anything else let us know!
I was afraid that was the case. The transparent shape on a state doesn't work either as far as adding a hotspot...tried it prior to my original post. I ended up making this work with layers as it had the hotspot functionality I needed. Thanks to both of you for your help!
Thanks Jonathan for sharing what you ended up doing!
I am wondering if this has been updated. I have hotspots on my tabs and I want the user to see the state of the tab changing colors but I can't seem to get it to work.
Hi Helena,
Hotspots don't have states and therefore they don't have different colors. So since this thread is a bit older, perhaps you could clarify what you're looking to share?
I want the user to be able to see each tab that they selected. The user is unable to move to the next slide until all of the tabs have been either selected or visited. (but I can't set that up)
Hi Helena,
Just modify the states of your tabs, giving each a "visited" state that is a different color, or has a checkmark on it, whatever.
There is no need to add hotspots over the thing you want to use as a button.
If fact, it is better not to in this case, because hotspots don't have states other than just showing a hand cursor. Best practices in UX design support having more than that.
For the rest, have the next button begin in a disabled state. This can be done with a trigger also, unless you are using custom navigation buttons in which case you would just modify this in the "states" tab.
Add a trigger to change the Next button to normal state when state of all tabs = visited.
Hope that helps.
I will change the shapes to buttons. Thank you.
Thanks Scott for the assist and I'm glad it helped you Helena. It's always great if you can share an image and the .story file is typically best to share as well so that folks can take a look at your set up.
This discussion is closed. You can start a new discussion or contact Articulate Support.