Great job, Mark! You made it very easy to understand how tooltips work. Storyline 3 lets you add a tooltip in two easy ways: by hovering over the item or by moving the mouse over it. Both work well and are simple to use.
Gram Smith's solution seems to be the most accurate. If I were to create a tooltip in a pure HTML document, I would have to create a new element (like a <span>) and toggle its visibility property when hovering over its parent element. I would always try to avoid creating a tooltip inside the hover state. It will work, but it is not right.
Shouldn't be an issue with the hover state, I would ensure it wasn't available to accessibility tools and add the text to the objects alt text, tooltips are not an accessibility aid.
29 Replies
To make a tooltip in Storyline 3, insert a text box, customize its design, and use triggers to control its visibility based on user actions.
Great job, Mark! You made it very easy to understand how tooltips work. Storyline 3 lets you add a tooltip in two easy ways: by hovering over the item or by moving the mouse over it. Both work well and are simple to use.
Gram Smith's solution seems to be the most accurate. If I were to create a tooltip in a pure HTML document, I would have to create a new element (like a <span>) and toggle its visibility property when hovering over its parent element. I would always try to avoid creating a tooltip inside the hover state. It will work, but it is not right.
Shouldn't be an issue with the hover state, I would ensure it wasn't available to accessibility tools and add the text to the objects alt text, tooltips are not an accessibility aid.