Click here to Skip to main content
15,892,289 members
Articles / Web Development / CSS

Customize Validation Summary

Rate me:
Please Sign up or sign in to vote.
4.86/5 (38 votes)
30 Sep 2010CPOL1 min read 145.1K   4.1K   56  
The ASP.NET Validation Summary control with customized CSS and Style to display a summary of all validation errors that occur in a web page.
/* ----- Validation and error messages class starts -----*/
.validationsummary {
	border: 1px solid #b08b34;
	background: transparent url(Images/WarningHeader.gif) no-repeat 12px 30px;
	padding: 0px 0px 13px 0px;
	font-size:12px;
	width:99%;
}
.validationheader {
	left: 0px;
	position: relative;
	font-size: 11px;
	background-color: #e5d9bd;
	color: #56300a;
	height: 14px;
	font-weight: bold;
	border-bottom: 1px solid #b08b34;
	padding-top: 3px;
}
.validationsummary ul {
	padding-top: 5px;
	padding-left: 45px;
	list-style:none;
	font-size: 11px;
	color:#982b12;
	font-style:italic;
}
.validationsummary ul li {
	padding: 2px 0px 0px 15px;
	background-image:url(Images/Warning.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
/* -- --Validation and error messages class ends -- --*/

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
Technical Lead Infostretch Ahmedabad-Gujarat
India India
Aspiring for a challenging carrier wherein I can learn, grow, expand and share my existing knowledge in meaningful and coherent way.

sunaSaRa Imdadhusen


AWARDS:

  1. 2nd Best Mobile Article of January 2015
  2. 3rd Best Web Dev Article of May 2014
  3. 2nd Best Asp.Net article of MAY 2011
  4. 1st Best Asp.Net article of SEP 2010


Read More Articles...

Comments and Discussions