$99 VS $1000+. UI Control for ASP.NET AJAX(contains chart and gridview).
ToolTip Elements in ASP.NET AJAX
Home > How to > ToolTip Elements

Kettic ToolTip UI Control for ASP.NET AJAX is a professional and easy to use component library which can be easily integrated into your project to add custom tooltip for your control. In this page, we will introduce to you the basic consisting elements of a tooltip. Please read the following sections to learn more about it.
Before you download a tooltip control trial package to get started, here are a few more tooltip control guides which might help you further customize your Kettic tooltip component.

ToolTip Composing Elements

To begin with, we will introduce to you the basic composing elements of a tooltip so you can get to know the structure of a simple tooltip. In general, a common tooltip is made up of two parts, the target control and the tooltip itself. As a matter of fact, the target control is literally not a composing part of the tooltip itself, but it plays an important part as it is the actually target the tooltip is related to.
As for the tooltip itself, it is generally composed of four basic elements, which are the callout, title, close button and content (or the text) respectively. You will learn about each of these elements from the list below.
  • Callout acts as a pointer. It is represented by an arrow which point to the target control, indicating what the
  • Title stands for the displaying title area which is located at the top of the tool tip concerned.
  • Close button is a button located within the tooltip, which, when clicked, shall close the tooltip if you have set true to the ManualClose property to true.
  • Content / Text is the actual displaying tooltip content text located below the tooltip title. This part carries the major information for the tooltip.

ToolTip Component Properties

In the previous section, we have introduced some basic composing elements of a tooltip to you. In this section, we will focus on some important properties which you can customize to create a desired tooltip as you wish.
Web developers can set the accurate location of your tooltip by setting four related properties, which are Position, RelativeTo, OffsetX, and OffsetY. Using these properties, you can literally place your tooltip to any location within your web page.
By default, a tooltip shall automatically disappear if the mouse is moved away from the target control. However, you can alter this behavior by setting true to ManualClose property. In this way, a close button will appear on the tooltip, which you can click to close a popped up tooltip.
Developers can also decide if a tooltip is fixed to a specific location which is defined with the four location related properties. You can also set true to the MouseTrailing property, so that the target tooltip shall follow the mouse movement, instead of being fixed somewhere.