Tooltip delay on hover

[Jesus I. Santin]

Hi,

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

[Karthikeyan Viswanathan]

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:   

   

<code>   

   

$(function (){   

      var timeoutID;   

        $("#link1").ejTooltip(   

                         {   

                             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() {   

        clearTimeout(timeoutID);   

    });   

            });   

   

</code>   

  

   

         

JS Playground sample link: http://jsplayground.syncfusion.com/pqcnbnxp    

   

       

Regards,            

Karthikeyan V.      

[Jesus I. Santin]

Thank you very much Karthikeyan 

[Karthikeyan Viswanathan]

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.  

 

Regards,   

Karthikeyan V.