Apex Code Development You need to sign in to do that
Don't have an account?
Ivaylo Dimov How to set tooltip to popup on my SLDS VF page
Trying to add help text to a field on my SLDS VF page. I found that I should use tooltip which seems to work for the most part. What I can not figure out is how to set the help text to apper when I hover over the info icon. Here is my code:
<div class="slds-form-element__icon">
<button class="slds-button slds-button_icon slds-button slds-button_icon" aria-describedby="help" aria-disabled="true" title="Help">
<svg class="slds-button__icon" aria-hidden="true">
<use xlink:href="{!URLFOR($Asset.SLDS, 'assets/icons/action-sprite/svg/symbols.svg#info')}"></use>
</svg>
<span class="slds-assistive-text">Help</span>
</button>
<div class="slds-popover slds-popover_tooltip slds-nubbin_bottom-left slds-slide-from-top-to-bottom slds-rise-from-ground" role="tooltip" id="help" style="position:absolute;top:-90px;left:-16px">
<div class="slds-popover__body">{!$ObjectType.Contact.fields.Deceased__c.InlineHelpText}</div>
</div>
</div>