I want a tool tip next to the Label 'Finance Sources'. If I hover the cursor on the label 'Finance Sources' the tool tip does not appear. However, if I hover the mouse above the label the tool tip text 'Need to put in data here' appears.
I would like the text 'Need to put in data here' to appear when the cursor is on the Label 'Finance Sources'
Where do I need to place the Visualforce component tag to be able to display the tip on hovering on the label?
// Visualforce Component
<apex:component selfClosing="true">
<apex:attribute name="helpText" description="Help Text." type="String" required="true"/>
<div class="mouseOverInfoOuter" id="searchInvoiceHelper" onfocus="addMouseOver(this)" onmouseover="addMouseOver(this)" tabindex="0">
<img src="/s.gif" alt="" class="infoIcon" title="" />
<div class="mouseOverInfo" id="searchInvoiceHelperText" style="display: none; opacity: -0.19999999999999996; left: 1px;">
<div class="body">{!helpText}</div>
</div>
</div>
</apex:component>
// VFP
<div class="row">
<div class="col-1"><br></br>
<apex:outputText id="AppendixA1">
<h3><b>{!$Label.Appendix_A}</b></h3><br></br>
<p>{!$Label.eD_Appendix_A}</p>
</apex:outputText>
<div class="col-1">
<br></br>
<c:HoverOverMouse helpText="Need to put in data here."/><h4><b>{!$Label.eD_Finance_Sources_Label}</b></h4><br></br>
<apex:outputPanel id="FinanceSources">
<div id="finance-sources">
<p>
--------
</p>
</div>
</apex:outputPanel>
</div>
</div>
</div>