Forum Discussion

  • Creating tooltips in Storyline 3 involves adding a layer to your slide, then using triggers to display or hide that layer when users interact with a tooltip icon or object for enhanced guidance.

  • GramSmith's avatar
    GramSmith
    Community Member

    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.

  • MilishaPaul's avatar
    MilishaPaul
    Community Member

    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.

  • Nedim's avatar
    Nedim
    Community Member

    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.

  • AlleneBrick's avatar
    AlleneBrick
    Community Member

    To create a tooltip in Storyline 3, you can use triggers and states. Here's a simple way:

    1. Add a shape or text box for the tooltip content.
    2. Set its initial state to "Hidden".
    3. Add a trigger to change the state of the tooltip to "Normal" when the user hovers over the object.
    4. Add another trigger to change it back to "Hidden" when the user moves the mouse away.

    This should create a basic tooltip effect.