Click here to Skip to main content
15,891,136 members
Search within:


Articles / Web Development / ASP.NET
 

Generic Paging for Recordset with Next Back Navigation

Rate me:
Please Sign up or sign in to vote.
3.55/5 (5 votes)
20 Jun 2005CPOL1 min read 32.6K   582   29  
This article is basically about a Paging control required for project purposes. One can use this just by changing three parameters.
 
/* -------------------------------------------------------------------------------------------------- */
BODY
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    padding: 0;
	margin: 0;
	}
/*-----------------------  The header part style sheet  -------------------------------- */
#TOPheader
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
	BACKGROUND-COLOR: #EC2E21;
	padding: 0px 0px 0px 0px;
	height: 10px;
	background-image: url("../images/TOPLINE.gif");
}

#header
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	height: 53px;
	
}

#tpmenu
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
    BACKGROUND-COLOR: #9F291F;
	padding: 0px 0px 0px 0px;
	height: 18px;
}

#hdshadow
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
    BACKGROUND-COLOR: #9F291F;
	padding: 0px 0px 0px 0px;
	height: 2px;
}
/* -------------------------------------------------------------------------------------- */

/*-----------------------  The content part style sheet  -------------------------------- */

#mncontent
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
	padding: 0px;
	margin: -1px 0 10px 0;
}

#mncontent #welcome
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
	padding: 2px;
	height: 35px;
	margin: 0px 0px 0px 4px;
    FONT-SIZE: 10px;
    COLOR: #000000;
	FONT-WEIGHT: BOLD;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	align: center;
}


/*-----------------------  The content header table ends here  -------------------------------- */


#mncontent table.selection 
{
	border-top: 1px solid #17488B;
	border-left: 1px solid #17488B;
	border-right: 1px solid #17488B;
	margin-bottom: 10px;
	width: 95%;
}
#mncontent table.selection th
{
	border-bottom: 1px solid #17488B;
	border-right: 1px solid #17488B;
	padding: 4px 0px 4px 5px;
	color: #17488B;
	font-size: 12px;	
	text-align: left;
    font-weight: bold;
	BACKGROUND-COLOR: #E5EEFD;
}
#mncontent table.selection th.center
{
	border-bottom: 1px solid #17488B;
	border-right: 1px solid #17488B;
	padding: 4px 0px 4px 5px;
	color: #000000;
	font-size: 10px;	
	text-align: center;
    font-weight: normal;
	BACKGROUND-COLOR: #E5EEFD;
}
#mncontent table.selection th.right
{
	border-bottom: 1px solid #17488B;
	border-right: 1px solid #17488B;
	padding: 4px 2px 4px 5px;
	color: #000000;
	font-size: 10px;	
	text-align: right;
    font-weight: normal;
	BACKGROUND-COLOR: #E5EEFD;
}
#mncontent table.selection td
{
	border-bottom: 1px solid #17488B;
	border-right: 1px solid #17488B;
	padding: 3px 2px 3px 5px;
	font-size: 10px;	
}

#mncontent table.insidetable 
{
	border-top: 0px solid #EC2E21;
	border-left: 0px solid #EC2E21;
	border-right: 0px solid #EC2E21;
	margin-bottom: 0px;
	width: 90%;
}
#mncontent table.insidetable th
{
	border-bottom: 0px solid #EC2E21;
	border-right: 0px solid #DFDFDF;
	padding: 1px 0px 1px 0px;
	color: #16254e;
	font-size: 10px;	
	text-align: center;
    font-weight: normal;
	BACKGROUND-COLOR: #FFFFFF;
}

#mncontent table.insidetable td
{
	border-bottom: 0px solid #EC2E21;
	border-right: 0px solid #DFDFDF;
	padding: 1px 2px 1px 2px;
	font-size: 10px;	
	text-align: left;
	BACKGROUND-COLOR: #FFFFFF;
}

#mncontent table.customtable 
{
	border-top: 1px solid #4E4E4E;
	border-left: 1px solid #4E4E4E;
	border-right: 1px solid #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 65%;
}
#mncontent table.customtable th
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 1px solid #6E6E6E;
	padding: 5px 0px 6px 5px;
	color: #000000;
	font-size: 10px;	
	text-align: left;
    font-weight: normal;
	BACKGROUND-COLOR: #F0F0F0;
}

#mncontent table.customtable th.right
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 1px solid #6E6E6E;
	padding: 5px 6px 6px 5px;
	color: #000000;
	font-size: 10px;	
	text-align: right;
    font-weight: normal;
	BACKGROUND-COLOR: #F0F0F0;
}

#mncontent table.customtable td
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 1px solid #D9D9D9;
	padding: 5px 0px 6px 5px;
	font-size: 10px;
	color: #000000;
	text-align: left;
	BACKGROUND-COLOR: #F7F7F7;
	letter-spacing: 1pt;
}

#mncontent table.customtable td.light
{
	border-right: 1px solid #AFAFAF;
	border-top: 1px solid #4E4E4E;
	padding: 5px 0px 6px 5px;
	font-size: 10px;
	color: #000000;
	text-align: left;
	BACKGROUND-COLOR: #FFFFFF;
	letter-spacing: 1pt;
}

#mncontent table.customtable td.lightright
{
	border-right: 1px solid #AFAFAF;
	border-top: 1px solid #4E4E4E;
	padding: 5px 6px 6px 5px;
	font-size: 10px;
	color: #000000;
	text-align: right;
	BACKGROUND-COLOR: #FFFFFF;
	letter-spacing: 1pt;
}

#mncontent table.datatable 
{
	border-top: 1px solid #4E4E4E;
	border-left: 1px solid #4E4E4E;
	border-right: 1px solid #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 98%;
}
#mncontent table.datatable th
{
	border-bottom: 1px solid #888888;
	border-right: 1px solid #F7F7F7;
	padding: 5px 2px 5px 2px;
	color: #000000;
	font-size: 10px;	
	text-align: center;
    font-weight: normal;
	BACKGROUND-COLOR: #DADADA;
}

#mncontent table.datatable td
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 1px solid #FFDCDA;
	padding: 0px 0px 0px 0px;
	font-size: 10px;	
	text-align: left;
	BACKGROUND-COLOR: #FFFFFF;
	letter-spacing: 1pt;
}

#mncontent #innertable table
{
	border-top: 0px solid #EC2E21;
	border-left: 0px solid #EC2E21;
	border-right: 0px solid #EC2E21;
	border-bottom: 0px solid #EC2E21;
	border-collapse: collapse;
	margin-bottom: 0px;
	width: 100%;
}

#mncontent #innertable td
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: left;
	BACKGROUND-COLOR: #FFFFFF;
}

#mncontent #innertable td.center
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: center;
	BACKGROUND-COLOR: #FFFFFF;
}

#mncontent #innertable td.right
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: right;
	BACKGROUND-COLOR: #FFFFFF;
}

#mncontent #innertable td.even
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: left;
	BACKGROUND-COLOR: #FFF8F7;
	letter-spacing: 1pt;
}

#mncontent #innertable td.evencenter
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: center;
	BACKGROUND-COLOR: #FFF8F7;
	letter-spacing: 1pt;
}

#mncontent #innertable td.evenright
{
	border-bottom: 0px solid #FFFFFF;
	border-right: 0px solid #FFDCDA;
	padding: 2px 2px 2px 3px;
	font-size: 10px;	
	text-align: right;
	BACKGROUND-COLOR: #FFF8F7;
	letter-spacing: 1pt;
}

#mncontent table.buttontable 
{
	border-top: 0px;
	border-collapse: collapse;
	margin-bottom: 3px;
	width: 90%;
}
#mncontent table.buttontable td
{
	padding: 4px 4px 4px 5px;
	font-size: 10px;	
	text-align: center;
	BACKGROUND-COLOR: #FFFFFF;
}





/* -------------------------------------------------------------------------------------- */
/*-----------------------  The footer part style sheet  -------------------------------- */
#footer
{
	width: 100%;
	border: 0;	
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	height: 5px;
	background : url(images/bot.gif) repeat;
    BACKGROUND-COLOR: #989898;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.footercopy
{
	FONT-SIZE: 9px;
    COLOR: #6E6E6E;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #FFFFFF;
    padding: 10px;
	margin: 0;
	text-align: center;
}
/* -------------------------------------------------------------------------------------- */

/*-----------------------  The input tags part style sheet  -------------------------------- */
.selectcls
{
    padding: 2px;
	font-size: 10px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDFDFD;
}

.inputcls
{
    padding: 0px 0px 2px 2px;
    margin: 2px 4px 0px 2px;
	font-size: 10px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDFDFD;
}

.inputnumcls
{
    padding: 2px 3px 2px 2px;
    margin: 2px 4px 0px 2px;
	font-size: 10px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color: #FDFDFD;
	text-align: right;
}


.buttoncls
{
	font-family: Verdana; 
	font-size: 10px; 
	border: 1px solid #193F88; 
	background-color: #E5EEFD;
}


/* -------------------------------------------------------------------------------------------------- */
img
{
    border: 0px;
}
.white
{
	background: #ffffff;
}
.darkgray
{
	background: #e0e0e0;
}
.gray
{
	background: #eaeaea;
}
.lightgray
{
	background: #efefef;
}
.smaller
{
	font-size: smaller;
}
.center
{
	text-align: center;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.justify
{
	text-align: justify;
}
.bold
{
	font-weight: bold;
}
a, a:link, a:active, a:visited
{
   color: #EC2E21;
   text-decoration: underline;
}
a:hover
{
	color: #000000;
   	text-decoration: none;
}
.msg
{
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-size: 14px; 
	color: #FF0000;
   	text-decoration: none;
	text-align: center;
    padding: 0px 0px 10px 0px;
}
.pick
{
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 10px; 
	color: #FF0000;
   	text-decoration: none;
	text-align: left;
    padding: 0px 0px 10px 0px;
}

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
santosh poojari
Technical Lead
Australia Australia
Whatsup-->Exploring--> MVC/HTML5/Javascript & Virtualization.......!
www.santoshpoojari.blogspot.com

Comments and Discussions

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 20 Jun 2005

Article Copyright 2005 by santosh poojari
Everything else Copyright © CodeProject, 1999-2024

Web03 2.8:2024-04-02:1