We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Tooltip delay on hover


I use the tooltip control on hover, I would like to have a delay of 1 second before the tooltip is shown on hover, I mean, I dont want to show the tooltip on hover but when I hover  for 1 second at least, is there any option to achieve this?

Thank you very much,
J Santín

3 Replies

KV Karthikeyan Viswanathan Syncfusion Team January 10, 2017 10:44 AM UTC

Hi Jesus I. Santin,     
Thanks for contacting Syncfusion Support.         
As per your requirement, we have prepared a custom sample for “delay of 1 second before the tooltip is shown on hover”. You can customize the tooltip open functionality by using the beforeOpen event.   
Please find to the code snippet below:   
$(function (){   
      var timeoutID;   
                             content: "ECMAScript (or ES) is a trademarked scripting-language specification standardized by Ecma International in ECMA-262 and ISO/IEC 16262.",   
                                     width : "30%",   
           beforeOpen: function(args){   
            var inst =  $("#link1").ejTooltip("instance");   
             args.cancel =true;   
                         timeoutID = setTimeout(function(){ inst.show(); }, 1000);   
       $("#link1").mouseout(function() {   
JS Playground sample link: http://jsplayground.syncfusion.com/pqcnbnxp    
Karthikeyan V.      

JI Jesus I. Santin January 10, 2017 12:43 PM UTC

Thank you very much Karthikeyan 

KV Karthikeyan Viswanathan Syncfusion Team January 11, 2017 04:38 AM UTC

Hi Jesus I. Santin,   
Thanks for the update.  
We are glad the suggestion helped you to achieve your requirement.  
Please let us know if you need further assistance.  
Karthikeyan V. 

Live Chat Icon For mobile
Up arrow icon