Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to add tool tip to anchor link using sightly

Avatar

Level 5

Hi all,

 

The requirement is to add tool tip for anchor links. Can anyone share a markup and styles required to create a tool tip on hover over the link. 

keerthana_hn_0-1626957378778.png

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

you can try 

<a href="#" title="The World's Largest Search Engine!">Google!</a>

check https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-the-title-attribute-inside-an... for styling.



Arun Patidar

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi,

you can try 

<a href="#" title="The World's Largest Search Engine!">Google!</a>

check https://stackoverflow.com/questions/2011142/how-to-change-the-style-of-the-title-attribute-inside-an... for styling.



Arun Patidar

Avatar

Employee Advisor

Hi @keerthana_hn ,

Please try this,

 

<a href="http://www.google.com/" title="Hello Adobe Community!">
  Click here
</a>

For Style :

 

Edit fiddle - JSFiddle - Code Playground 

 

Hope this helps!!
Thanks