Approach for simple Tooltip?

[Doug21784293dvss]

Hi Friends,

I am trying to create a simple Tooltip that appears when the end user hovers over a question-mark icon providing text in my prototype.  I have tried two approaches - neither successful:

1.  I tried adding the tooltip text to the Hover State.  Fail.

2.  Tried linking to another artboard with the "Overlay" action.  This feature is beautiful, but is no hover trigger.

Any help would be appreciated - thank you.

[Chris W. Griffith]

Is the tooltip part of the component that has the hover state? 

[Doug21784293dvss]

Hi Chris,

Thank you for responding.  I was mixed up and wasn't selecting the hover state where I wanted the tooltip to appear.  As a result the tooltip was appearing all the time.  My bad.

[Chris W. Griffith]

No problem! Glad it was 'fixed'. We all have had those moments 🙂

[Dan Rodney · Accepted solution]

What failed with the hover state? If you're having trouble creating a hover, check out this video https://www.youtube.com/watch?v=el3HqNfrIfo 

[Doug21784293dvss]

Hi Dan,

Thank you for your response.  That did the trick!

(Selecting the state, hover in my case, and then having the tooltip text appear, was my issue.

[Doug21784293dvss]

Hi Dan,

Do the item(s) that appear in the hover state need to be hidden in the default state?  At the moment, I have my tooltip text hidden behind a button.  For some reason I feel this isn't good practice as the tooltip (in my case) isn't needed until the hover state...

Thank you.

[Doug21784293dvss]

Nope.  Answered my question.  Thanks again.

[Doug21784293dvss]

Hi guys,

I finally got around to testing this and have found that if I hover either the ? icon or the hidden (on default state) tooltip area text the tooltip appears.  The desired behaviour is to have the tooltip appear when the end user hovers over the ? icon only.

I have included screenshots to help paint the picture.

Thank you.