Click here to Skip to main content
13,191,400 members (77,263 online)
Click here to Skip to main content
Add your own
alternative version


30 bookmarked
Posted 12 Feb 2007

BoxOver .NET Web Control

, 12 Feb 2007
Rate this:
Please Sign up or sign in to vote.
A .NET web control based on BoxOver JavaScript v 2.1.

Sample image


BoxOver WebControl is a JavaScript based ASP.NET WebControl. For a project I've written, I needed a tooltip JavaScript and searched for it. I've found BoxOver from Then to use it quickly and easil,y I've converted it to a .NET control. This article is aimed to share this.

BoxOver has two classes: BoxOver and BoxOverControlConverter.

How it Works


BoxOverControlConverter is based on ControlIDConverter. It is used to discover the .NET controls in the page. With the FilterControl method, all controls except BoxOver are returned.

public class BoxOverControlConverter : ControlIDConverter
    protected override bool FilterControl(Control control)
        return control.GetType() != typeof (BoxOver);


BoxOver is the WebControl part. It discovers the .NET controls in the page.

The "ControlToValidate" property selects the .NET control in the page. Well, maybe I can find a better name for it...

[TypeConverter(typeof (BoxOverControlConverter))]
[Description("Determines the control to be added the tooltip.")]
public string ControlToValidate
        if (ViewState["ControlToValidate"] != null)
            return (string) ViewState["ControlToValidate"];
            return string.Empty;
    set { ViewState["ControlToValidate"] = value; }


Sample image

Simply drag and drop the WebControl into the page. And then, from the Properties window, select the .NET control to add the tooltip from the ControlToValidate property.

Sample image

All other properties to configure the JavaScript are categorized in the "BoxOver" category. For detailed instructions, see the original JavaScript documentation from

After selecting the .NET control, type the body message. Otherwise, it throws an HttpException.

In Design mode, the control shows which control is attached to it. In runtime, it only adds an attribute to the selected control; it doesn't write any output itself.

In the web page's source, you'll see the "title" attribute added in the selected control.

Sample image

That's all. I hope it will be useful.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Efe Erdoğru
Software Developer (Senior)
Turkey Turkey
No Biography provided

You may also be interested in...


Comments and Discussions

General1.1 version Pin
bhughes1010-Apr-07 2:55
memberbhughes1010-Apr-07 2:55 
QuestionHow to Turn It Off Pin
steve6516-Feb-07 4:12
membersteve6516-Feb-07 4:12 
GeneralApplying Styles Pin
mrgoonie14-Feb-07 10:54
membermrgoonie14-Feb-07 10:54 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.171017.1 | Last Updated 12 Feb 2007
Article Copyright 2007 by Efe Erdoğru
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid