Creating a Custom Tooltip Ajax Extender Control
page 5 of 7
by Abdulla Hussein AbdelHaq
Feedback
Average Rating: 
Views (Total / Last 10 Days): 34331/ 47

Using the Extender

To add the extender in your Toolbox, follow the subsequent steps.

Right click on the toolbox window then choose "Add Tab."

Type the name you want for the new tab then right click over it, and click "Choose Items."

Click on Browse button in the ".NET Framework Components" tab, go to the tool tip extender project, open the bin folder, and choose MyExtenderToolTip.dll.

The result is shown Figure 3.

Figure 3

fig3

That is it, all you need now is to drag the extender, and target the web control over which you want to display the custom tool tip.

As you see in Figure 4 and Figure 5, I dragged two tool tip extenders, one for the textbox and the other for the button. Moreover, I customized the Tooltip to match my requirements.

Figure 4

fig4

Figure 5

Figure 6 shows you how the extender properties are added as new collection properties in the Textbox control.

Figure 6

 

fig6


View Entire Article

User Comments

Title: ytu   
Name: tyu
Date: 2012-10-11 1:17:44 AM
Comment:
rtyu
Title: Mr   
Name: Mohar
Date: 2010-07-26 2:29:36 PM
Comment:
Not working for me it's giving following error:
System.InvalidOperationException: The TargetControlID of '' is not valid. The value cannot be null or empty.
Title: Mr.   
Name: Raju Balagam
Date: 2010-04-15 5:41:39 AM
Comment:
This artical helps to understand the cutom tooltip using ajax.....
Title: Good article   
Name: shailesh arban
Date: 2009-06-17 5:26:37 AM
Comment:
I gone through this article,It's very good article for those who wants to create own ajax extender.
Title: Re: 1 help ..   
Name: Abdulla [The Author]
Date: 2008-11-14 12:27:40 PM
Comment:
if you download the source code, you will find a javascript file which is the responsible for creating the tooltip, you need to change the horizontal/vertical offset in the initializeBase method into :
this.vertical_offset="-30px"
this.horizontal_offset="150px"

and if you want your code to be your more professional, you need to pass the offset of the webcontrol and calculate it with the div offset and here you will got the proper position.
Title: 1 help ..   
Name: sandeep ramani
Date: 2008-11-14 10:39:57 AM
Comment:
In above article...how i can change the position where tooltip is apearing..
i want to display tooltip not below the textbox ..but parallel to it,, so how to set that.. please tell me abt it..
Title: great article..   
Name: sandeep ramani
Date: 2008-11-14 10:20:12 AM
Comment:
this is very useful article..

it helped me a lot..

thank u very much..
Title: Good Article   
Name: Pavan
Date: 2008-10-08 2:07:31 AM
Comment:
It is a very good articles. I prefer the people to check this article before creating any ajax extenders. Thanks for the authors and contributers
Title: ms   
Name: VS2005
Date: 2008-08-08 10:13:10 AM
Comment:
Great job!!! Thank you!
Title: Re: uh. . VB/VWDEE 2008   
Name: Abdulla AbdelHaq
Date: 2008-08-06 9:01:46 AM
Comment:
Yes .. It is the same thing.
Actually, developing new Ajax Extender using VS 2008 is much easier than using VS 2005.
Title: uh. . VB/VWDEE 2008   
Name: Kevin Tweedy (KevInKauai)
Date: 2008-08-05 4:57:42 PM
Comment:
Interesting extension, but for those of us who only use VWD EE 2008 is it possible to have the implementation of this as a "done" package?

tia ... alohas ... KevInKauai
Title: Very Good   
Name: Vagueraz
Date: 2008-08-01 3:11:23 AM
Comment:
It's agreat article indeed ...
Go on Abdulla :)






Community Advice: ASP | SQL | XML | Regular Expressions | Windows


©Copyright 1998-2024 ASPAlliance.com  |  Page Processed at 2024-04-26 2:04:47 AM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search