You need to sign in to do that
Don't have an account?
![anil Kumar anil Kumar](https://dfc-org-production.my.site.com/img/userprofile/default_profile_45_v2.png)
lightning tooltip on mousehover
Hi All,
I want add mouse hover tool tip for the Anchor tag in the lightning component. below is my code.
<a onclick="{!c.profilePage}">My Profile</a>
i tried with lighting helptext but it is displaying i symble
beside My Profile link.
<lightning:helptext content="Cilick on My Profile to see your account details" />
How to show tooltip without i symbol.
Thanks,
Anil Kumar
I want add mouse hover tool tip for the Anchor tag in the lightning component. below is my code.
<a onclick="{!c.profilePage}">My Profile</a>
i tried with lighting helptext but it is displaying i symble
<lightning:helptext content="Cilick on My Profile to see your account details" />
How to show tooltip without i symbol.
Thanks,
Anil Kumar
Use the below code for show tooltip on link.
Lightning component=======:
JS Controller=======:
I hope you find the above solution helpful. If it does, please mark as Best Answer to help others too.
Thanks and Regards,
Ajay Dubedi
www.ajaydubedi.com
All Answers
You can use onmouseover method on <a> tag to show tooltip. And also maintain a boolean attribute, set it to true on hover of <a>.
Please take a look into my code for reference.
JS file: Thanks,
Dhanya
Thank you for the responce.
If we use lightning:helptext still i m getting i symbol. Requirement is Tooltip should be displayed with out i symbol.
Thanks,
Anil Kumar
Use the below code for show tooltip on link.
Lightning component=======:
JS Controller=======:
I hope you find the above solution helpful. If it does, please mark as Best Answer to help others too.
Thanks and Regards,
Ajay Dubedi
www.ajaydubedi.com
Thank you Ajay. This is exactly i am looking for.
Thanks,
Anil Kumar