ToolTip for ASP.NET AJAX

Overview

Use your imagination and enrich the UX of your web project by using the Telerik ToolTip control -  the perfect context-sensitive tool for displaying beautifully dynamic content, detailed information, overlaid forms, or just about anything that should appear over a given element OnMouseOver. The tooltip area is completely customizable and can be loaded on demand with ASP.NET AJAX using different animations or images.

See Demos Download Trial

Features

• Display any Content on RadTooltip
• Load on Demand
• Add Tooltips to Single or Multiple Elements
• Full Control over Tooltip Position
• Flexible API and Events
• Sticky Tooltips
• XHTML and Accessibility Standards Compliancy
• Extensive VS.NET Design-time Support
• Animation Effects
• Appearance
• VS Plug-in for Testing RadControls

• Display any Content on RadTooltip

  The Telerik ASP.NET Tooltip control can display rich content including not only text and images, but also interactive forms with standard ASP.NET and user controls. This will allow you to create context sensitive interfaces which do not permanently occupy space on the form.
  
  See demo
  

  Top

• Load on Demand

  Instead of preloading all tooltip content, you can use the built-in ASP.NET AJAX mechanism to load it only after the user hovers with the mouse over the trigger element. This is especially useful if you are showing large files in the tooltip (e.g. videos or large images). The load on demand feature will significantly reduce the initial page loading time and will keep the page size smaller.
  An alternative load on demand mechanism for retrieving large pieces of information is through web services.
  
  See demo
  
  

  Top

• Add Tooltips to Single or Multiple Elements

  The Telerik ASP.NET Tooltip allows you to easily add tooltips to a single element, groups of elements, or all elements on the page at once. You can have different tooltip configurations and content for the different groups of elements. For example, you can tooltiptify only specific areas on your page or automatically tooltipify controls on your page.
  
  See demo 1
  
  
  See demo 2
  
  

  Top

• Full Control over Tooltip Position

  You can completely configure the way the tooltip is displayed – on which side, at what offset, and relative to the mouse or to a triggering element. Positioning a RadToolTip relative to the browser window (instead of to the mouse or to an element) is very useful in some scenarios. In this manner different styles can be built, for example an Outlook one, in which the tooltip is shown in the right bottom area of the browser.
  
  See demo
  
  
  

  Top

• Flexible API and Events

  Telerik ASP.NET Tooltip has a rich client-side and server-side API and comprehensive set of events guaranteeing full control over various functions, like:

  • Show on Event - RadToolTip can be configured to be shown not only on mouse over, but also on click, on right-click, or on focus. 

  See demo
  
  
  

  • Close on Click  - Similarly to the various options for showing the tooltip area, it can be closed not only on mouse out, but also on click. The latter behavior simulates window behavior and is especially useful when using interactive forms or important messages that require user’s cognitive reaction.
  • Show Delay and AutoClose Delays - You control the delay after which the tooltip is shown or hidden.
  • Client-side API and Events
    • OnClientBeforeShow - fires before RadToolTip is shown
    • OnClientShow - fires after RadToolTip is shown
    • OnClientBeforeHide - fires before RadToolTip hides
    • OnClientHide - fires after RadToolTip hides

  
  

  See demo 1

  See demo 2

  Top

• Sticky Tooltips

  Sticky functionality should be used when the toolitp should behave like a menu, dropdown, or a context menu. It prevents the tooltip from hiding when the mouse is moved away from the target element, so content in the tooltip itself can be selected. The tooltip will close when the mouse moves its boundaries.

  Top

• XHTML and Accessibility Standards Compliancy

  RadTooltip is compliant with the XHTML 1.1 requirement. The control satisfies the requirements  of "Section 508" for software accessibility, as well as those of "Level AAA" (in accordance with the W3C Web Accessibility Guidelines).

  Top

• Extensive VS.NET Design-time Support

  Telerik ASP.NET AJAX Tooltip provides rich design-time support functionality making customizations and configurations very easy. The RadTooltip Smart Tag allows easy access to frequently needed tasks. You can display the Smart Tag by right clicking on a RadTooltip control in the design window, and choosing Show Smart Tag from its context menu.

  Top

• Animation Effects

  You can use animation effects when showing/hiding the tooltip. At present RadToolTip provides several types of animations – Fade, Resize, slide, fade in. By default the tooltip uses no animation.
  
  See demo

  Top

• Appearance

  The ASP.NET Tooltip by Telerik is shipped with a rich set of skins that allow you to easily build slick interfaces with the look-and-feel of Windows Vista, Office 2007, Outlook, etc. The skins can be easily switched using a single property.
  
  

  Top

• VS Plug-in for Testing RadControls

  Telerik's automated software testing tool Test Studio employs a rich set of features to help you automate AJAX-intense web content. You can test complex UI actions like drag-and-drop, invoke JavaScript functions from your test code, and perform logging actions. Additionally, the test recorder makes it easy to wait on AJAX operations before executing a specific verification. What’s more, Test Studio is the best way to test RadControls for ASP.NET AJAX. The powerful test recorder automatically detects the controls and exposes commonly used verifications. Learn more

  Top