how to show tooltip in ipad? RSS

• • Reply
  

  mundra_83

  Member

  28 Points

  76 Posts

  how to show tooltip in ipad?

  Jun 11, 2012 06:28 AM|LINK

  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?

• • Reply
  

  roopeshreddy

  All-Star

  20145 Points

  3328 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 10:46 AM|LINK

  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...

  Thanks & Regards
  Roopesh Reddy C
  Roopesh's Space
  
• • Reply
  

  mundra_83

  Member

  28 Points

  76 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 11:54 AM|LINK

  Do we have any way to show tooltip?

• • Reply
  

  nilsan

  All-Star

  16940 Points

  3719 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 12:17 PM|LINK

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

  Try Qtip 

  Nilesh
  Blog | Get your forum question answered | Microsoft Community Contributor 2011
  
• • Reply
  

  mundra_83

  Member

  28 Points

  76 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 12:31 PM|LINK

  Thanks for reply,

  Is there any example?

• • Reply
  

  nilsan

  All-Star

  16940 Points

  3719 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 01:07 PM|LINK

  Go through the link I posted.

  Nilesh
  Blog | Get your forum question answered | Microsoft Community Contributor 2011
  
• • Reply
  

  roopeshreddy

  All-Star

  20145 Points

  3328 Posts

  Re: how to show tooltip in ipad?

  Jun 11, 2012 01:26 PM|LINK

  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...

  Thanks & Regards
  Roopesh Reddy C
  Roopesh's Space
  
  • Marked as answer by Ming Xu - MSFT on Jun 30, 2012 12:19 PM
• • Reply
  

  UselessChimp

  Member

  210 Points

  110 Posts

  Re: how to show tooltip in ipad?

  Jun 18, 2012 08:28 PM|LINK

  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.
  • Marked as answer by Ming Xu - MSFT on Jun 30, 2012 12:19 PM
• • Reply
  

  RameshRajend...

  Star

  7983 Points

  2099 Posts

  Re: how to show tooltip in ipad?

  Jun 18, 2012 08:34 PM|LINK

  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

  • Marked as answer by Ming Xu - MSFT on Jun 30, 2012 12:19 PM