Click here to Skip to main content
15,891,136 members
Articles / Programming Languages / C# 4.0

Using the jQuery Tooltip Plugin in a GridView

Rate me:
Please Sign up or sign in to vote.
4.68/5 (14 votes)
9 Aug 2011CPOL2 min read 67.8K   4.5K   44  
You want a little pop-up window to show additional information when you hover over a field on the GridView. The example below shows information about the respective related table (foreign key) when you hover over the link.
/**********************************

Name: MasterPageForm1 Styles

***********************************/
form.MasterPageForm1 {
	font-size: 1.0em;
	color: #333;
}

form.MasterPageForm1 legend {
	padding-left: 0;
}

form.MasterPageForm1 legend, form.MasterPageForm1 label {
	color: #333;
}

form.MasterPageForm1 fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.MasterPageForm1 fieldset fieldset {
	background: none;
}

form.MasterPageForm1 fieldset p, form.MasterPageForm1 fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.MasterPageForm1 label.error, label.error {
	color: red;
	font-style: italic;
}

div.error { display: none; }

/*input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px solid #cccccc; }*/

input.error { background-color: #fef1f3; }
select.error { background-color: #fef1f3; }
form.MasterPageForm1 .gray * { color: gray; }

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

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


Written By
Web Developer
United States United States
None.

Comments and Discussions