The ASP Report Wizard assumes that you have a cascading stylesheet file styles.css in your application folder.
This file contains the classes that formats the fonts and colors of your reports.
To change the row colors and font styles of the report wizard, all you need to do is edit the
class attributes of your styles.css file as shown below .
The default name for the stylesheet file styles.css can however be changed to by use of the report wizard's StyleSheet property
as follows:
<%
objWiz.StyleSheet = "styles.css"
objWiz.Init(CONNECTION STRING)
%>
************************************styles.css**********************************************
/*
Default hyperlink button styles
*/
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:active{text-decoration: none;}
a:hover{text-decoration: underline;}
hr{color:#666699;}
th{font-size:13px;font-family:arial;}
/*
DataGrid report styles
*/
/*report title styles*/
td.report_title{font-size:13px;font-family:arial;font-weight:bold;color:gray;}
/*report table styles*/
.grid{background-color:gray;}
/*report header row styles*/
.header{background-color:#666699;}
.header_link{color:white;font-family:verdana;font-size:8pt;}
/*odd row background color*/
.item{background-color:#d2d1de;color:000000;font-family:verdana;font-size:8pt;}
/*even row background color*/
.alt_item{background-color:#f5f5f5;color:000000;font-family:verdana;font-size:8pt;}
/*column styles*/
td.number, td.money, td.date{text-align:right;}
td.boolean{text-align:center;}
td.money{color:purple;}
td.text{color:black;}
/*command buttons, footer styles & paging button link styles*/
.footer{font-family:verdana;font-size:8pt;}
.paging_link{color:blue;font-family:verdana;font-size:8pt;}
a.paging_link:hover{color:#990033;font-family:verdana;font-size:8pt;}
.link_button{color:blue;font-family:verdana;font-size:8pt;}
a.link_button:hover{color:#990033;font-family:verdana;font-size:8pt;}
a.item_link{color:navy;font-family:verdana;font-size:8pt;}
/*
Report Wizard Styles
*/
a.report_title{font-size:8pt;font-family:verdana;color:blue;}
a.report_title:hover{color:green;font-family:verdana;font-size:8pt;}
.group_title{font-size:10pt;font-family:arial,verdana;color:#666699;}
.delete{color:red;font-family:verdana;font-size:8pt;font-weight:bold;}
.report_desc{padding-left:10px;font-family:verdana;font-size:8pt;}
.report_title{font-size:8pt;font-family:verdana;}
/*
The graphs title/header and labels styles
*/
.graph_title{font-size:13px;font-family:arial;}
.xlabel{font-size:12px;font-family:arial;}
.ylabel{font-size:12px;font-family:arial;}
...