jQuery UI Widgets Forums Dialogs and Notifications Tooltip, Notification, Popover Apply tooltips for hidden elements

This topic contains 3 replies, has 2 voices, and was last updated by  ivailo 9 years, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Apply tooltips for hidden elements #72147

    raj
    Participant

    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

    Apply tooltips for hidden elements #72161

    ivailo
    Participant

    Hi raj,

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

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

    Apply tooltips for hidden elements #72234

    raj
    Participant

    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

    Apply tooltips for hidden elements #72246

    ivailo
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.