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

This tooltip control library is one of the high performance controls for Kettic UI control SDK for ASP.NET AJAX. Easy to be integrated into your ASP.NET web application, this tooltip control provides you with rich options of server side properties so you can create a custom tool according to your requirements.
Apart from this server side property guiding page, we have also prepared a few more user manuals for your reference. Some of them are listed below, and you can find more from the navigation as well as related demo pages.

How to Create Sticky ToolTips

In this section, we will present you with a way to create sticky tooltip with Kettic tooltip UI control for ASP.NET AJAX. By default, a tooltip will automatically close or hide itself when the mouse moves away from the target element on the web page. However, when you turn a tooltip into a sticky one, the tooltip will not hide even when the mouse is moved away / out of it.
If a sticky tooltip will not automatically disappear when you move the mouse away from it, then how can you close this tooltip? In the list below are several properties which you can apply for your tooltip closing behaviors.
  • HideFromCode: Using this property, a sticky tooltip will not disappear unless its hide method is called from javascript, or another tooltip needs to be shown.
  • HideLeaveTargetAndToolTip: Using this property, a sticky tooltip will disappear when you move the mouse away from both the target element and the tooltip itself.
  • HideLeaveToolTip: With this property, a sticky tooltip will automatically hide when you hovers the mouse over it and then out of it.
  • HideManualClose: With this property, a delete button will appear within the sticky note so you can click it to close the tooltip.

How to Position ToolTip

Using Kettic ToolTip control DLL, web developers are also enabled to define the accurate location of your tooltip. This can be easily achieved by setting the Position property, which allows you to place a tooltip with a relative to position, such as TopCenter, MiddleLeft, BottomRight, and so on.
You can also define the RelativeTo property to specify a target element which the tooltip is related to. To be more precise, you can use the OffsetX and OffsetY properties in combination with the Position property.

How to Set ToolTip ShowDelay & AutoCloseDelay

Web developers can also freely specify the delay time for a tooltip showing and hiding in milliseconds with these two properties: ShowDelay and AutoCloseDelay.
  • The ShowDelay property specifies the number of milliseconds for the tooltip to display in reaction to the mouse moving over the target element. The default value is 300 milliseconds.
  • The AutoCloseDelay is used to define the delay time (measured in milliseconds as well) for the tooltip to hide automatically when the mouse is placed over the target element.

How to Set ToolTip ShowEvent

Web developers can also decide under which condition a tooltip should show using the ShowEvent property. Listed below are a few options you can select from.
  • OnMouseOver: This is the default option which defines a tooltip to appear with a mouse over the target control.
  • OnClick: This property specifies the tooltip to appear when users left click on the target element.
  • OnRightClick: This property specifies the tooltip to appear when users right click on the target element.
  • OnFocus: This property specifies that a tooltip should appear when the target element is focused.