Approach for simple Tooltip?

Participant ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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.

 

 

Views

358

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Nov 20, 2021 Nov 20, 2021
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 

Likes

Translate

Translate
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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

Screen Shot 2021-11-19 at 1.35.33 PM.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 20, 2021 Nov 20, 2021

Copy link to clipboard

Copied

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 


— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

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.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 22, 2021 Nov 22, 2021

Copy link to clipboard

Copied

Nope.  Answered my question.  Thanks again.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2021 Nov 29, 2021

Copy link to clipboard

Copied

LATEST

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.

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines