Share via


how to show tooltip in ipad?

Question

Monday, June 11, 2012 2:28 AM

Hi All,
 
My application has made in asp.net.
i want to show tooltip on controls, when user mouse over the controls.
tooltip is working properly in all browser.
but when i run the application in ipad then tooltip does not appear,
how can i show the tooltip on ipad in asp.net application?
is there a way to show tooltip in ipad?

All replies (8)

Monday, June 11, 2012 9:26 AM ✅Answered

Hi,

Since Mobile safari browser doesn't support onmouseover and onmouseout events, it's not easy to implement it!

Suppose you have a hyperlink! if you want to provide tooltip for hyperlink, then you may have to create an SPAN or DIV element, which you need to display like tooltip, when you click on the hyperlink!

In that scenario, you may loose the original hyperlink functionality i.e., while clicking it should redirect or load the link!

Moreover, tooltips may not be useful in Mobile Apps as far as me concerned!

If you still want to display tooltip's then you may have to follow nilsan link!

Hope it helps u...


Monday, June 18, 2012 4:28 PM ✅Answered

I have implemented behaviour similar to this, i use the touchStart event to start a timer, if touchEnd does appear after a second I assume the user is trying to get a tooltip and then I show an absolute positioned div by the users touch imput with the data required.


Monday, June 18, 2012 4:34 PM ✅Answered

Pls try this

$('.tooltip-trigger').tooltip({offset: [20, -110],relative:true, events: { def: 'touchstart,blur'} });

or

check it

http://www.telerik.com/community/forums/aspnet-ajax/tooltip/issue-with-ipad.aspx

Thank u

Monday, June 11, 2012 6:46 AM

Hi,

Since the Apple Mobile safari browser doesn't support cursor, it is not possible to get that behaviour!

ANSWER to your question is NO!

For more info, check the Apple Support forums thread - https://discussions.apple.com/thread/2311303?start=0&tstart=0

Hope it helps u...


Monday, June 11, 2012 7:54 AM

Do we have any way to show tooltip?


Monday, June 11, 2012 8:17 AM

It seems Mobile Safari browser doesn't support Alt/Title attribute. You might want to use JavaScript/Jquery Tooltip.

Try Qtip 


Monday, June 11, 2012 8:31 AM

Thanks for reply,

Is there any example?


Monday, June 11, 2012 9:07 AM

Go through the link I posted.