Hi,
Purpose: Override the browser default tooltip.
I’ve a set of label’s which are in hidden state by default and I’ll use those labels in jqxWindow during form validation. In pop-up the jqxTooltip is not working,
The below HTML structure is kept hidden by default,
<div class="strings-container hide-me">
<span>
<label>First Name:</label>
<label class="fname-tooltip">testfirstnameforbrowsertesting</label>
</span>
<span>
<label>Last Name:</label>
<label class="lname-tooltip">testLastnameforbrowsertesting</label>
</span>
<span>
<label>EmailAddress:</label>
<label class="email-tooltip">testfnamelnameemailforbrowsertesting@email.com</label>
</span>
</div>
$(document).ready(function(){
$(".fname-tooltip").jqxTooltip({content:"testfirstnameforbrowsertesting",position:"mouse",name:"popupStrings"});
$(".lname-tooltip").jqxTooltip({content:"testLastnameforbrowsertesting",position:"mouse",name:"popupStrings"});
$(".email-tooltip").jqxTooltip({content:"testfnamelnameemailforbrowsertesting@email.com",position:"mouse",name:"popupStrings"});
});
during form validation, I’ll show a jqxWindow and read the above HTML content and I place it inside the jqxWindow. When mouseover on labels’s the jqxTooltip is not working.
Can someone suggest me a solution on how to show a tooltip.
Looking forward.
Cheers,
Raj