How to use existing object as a marker
Jul 27, 2015
By
Erin Mahabir
Hi there - Tried looking for this but couldn't find anything else on it.
What I would like to do is have a marker-type caption appear when the user clicks on an object on the screen without actually having to use a marker.
I have three objects:
When the user mouses over/clicks the numbers, I would like the smooth appearance of the text bubble (like a marker):
The reason why I can't use an actual marker is because the marker itself is too specific (small size), and invisible, so it's hit-or-miss on clicking the right place.
I tried using a hot-spot, but the image that shows up can't be hidden again upon the mouse losing focus.
Any ideas on making this work better?
Thanks!!
5 Replies
Hi Erin,
What if you added the caption to the hover state of each button? So that way it's only going to show it when the user hovers the mouse over it? Hover states work as defined here - so no triggers needed either.
Thanks Ashley,
I had thought of doing this as a back-up if I couldn't get the smooth appearance of a marker. The animation options seem pretty extreme, so it's either it all appears upon hover (*boom* there it is) or it has this crazy fly-in effect from one direction. I've tried the "grow" effect but it still looks gimmick-y, if that makes sense...
Any advice on how to make it grow from the stem? (like a marker?)
Thanks again!!
Hi Erin,
I don't know of any of the animations that act like it's growing from the stem. I'm not a designer, so I haven't played with all the options either - but hopefully one of our community members will be able to chime in here!
Take a look at Jerson's video, Erin. It may be what you are looking for:
https://youtu.be/JbU8oke_jmI
Daniela, thank you for that video; that's exactly the effect I was going for. So useful!
This discussion is closed. You can start a new discussion or contact Articulate Support.