Apply tooltips for hidden elements

[rajParticipant]

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

[ivailoParticipant]

Hi raj,

This code seems to work normal.
Look at this js example.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[rajParticipant]

Hi Buddy,

Thanks for your reply.

Already I tried your approach and then only I implemented the same inside the jqxWindow. It was not working.

If possible, can you please provided me an example implementation of what I’m trying to achieve i.e. inside the jqxWindow?

Looking for your reply.

Cheers,
Raj

[ivailoParticipant]

Hi raj,

Provide a fiddle with all the code to investigate the actual problem in your case.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts