In this guiding page, we will mainly introduce to you several cool features provided by the Kettic ToolTip control library for ASP.NET AJAX. Utilizing these features can help you easily create a custom tooltip in a Visual C# / VB.NET ASP.NET web application.

In the following section we will describe in detail each feature and how you can use it for your tooltip control. As long as you have installed .NET Framework (4.0 or above) and Microsoft Visual Studio (2010 or above), you can download the trial package now to get it started.

The first feature we are going to introduce to you is the RelativeTo property. You might already know a bit about this property, as we have introduced it previously in the tooltip element guiding page.

Generally speaking, a tooltip is usually placed somewhere around the target control. However, using RelativeTo property, web developers can also position a tooltip relative to the web browser window instead. In this way, developers can apply different styles for the tooltip concerned.

So how can you get this to work? Well, you can easily get this done by setting three different properties: RelativeTo, BrowserWindow, and the Position property. Set a desired value to each of these properties, and you will have your tooltip set relative to browser window.

This second feature is presented to help you specify a target control for your tooltip. As a matter of fact, there are three kinds of controls which you can add your tooltip to. The first type is a control that is a direct child of the form, and the second type of control is a control within an item template for a grid. And the last type is a control in a user control.

If you have a control that qualifies for any of the control types listed above, you can now try to add a user defined tooltip for it. And this is easily achieved by setting the TargetControlID property and your tooltip properties, etc.

Web developers can also add more spice to your tooltip by using animation for it. After adding user specified animation, it will be applied every time a tooltip appears or disappears.

Currently there are two types of tooltip animation effect for you to select from, one is Fade and the other one is Fade. Animation is not displayed by default. If you need it, you can enable it by setting Animation property.

There are times when web developers would want to use a modal tooltip. And here are two scenarios in which you might want to try a modal tooltip.

The first case is when a web page is performing some operation, and the web developer want to block is for further usage until its task is performed and completed. And the second scenario is that a user is not allowed to proceed further with a web page unless he has performed or finished a task like filling a form.

Now this feature is super cool as it will enable web developer to automatically create tooltips on your target web pages. How can you do that? You can begin by setting the title property for your target element or the tooltip server property.

When the previous step is done, you can add a tooltip manager control to your ASP.NET web page with an empty target controls collection. Note that the most important step is for you to set true to AutoToolTip property.

Using the feature introduced above, web developers can add tooltips for all the elements within your web page. However, there also might times when you want to add tooltips for just a few of them.

This can be easily done with just two steps. First you add a tooltip manager to your web page. Then you can set the ToolTipZoneID property to the desired control ClientIDs. And now it is done!