FAQ/Questions/Overriding-page-level-css.md
... ...
@@ -68,7 +68,49 @@ To use custom CSS for the Report List page, you can use the method described abo
68 68
69 69
The CSS classes you will have to override will also be different than the ReportViewer page CSS classes. Here are some examples of classes that can be overridden.
70 70
71
+###Pre version 6.7
72
+
73
+Before version 6.7, the HTML element styles were hard-coded into the application, but could be overridden by placing a style tag into the page right after the end of the form. Here is a code sample.
74
+
75
+```css
76
+<uc1:Header ID="Header1" runat="server" />
77
+<form id="Form1" method="post" runat="server">
78
+<cc1:ReportList runat="server" id="reportList"></cc1:ReportList>
79
+</form>
80
+<style type='text/css'>
81
+
82
+A:link {font-family: Verdana, Geneva, Arial, Helvetica;}
83
+A:visited {font-family: Verdana, Geneva, Arial, Helvetica;}
84
+A:active {font-family: Verdana, Geneva, Arial, Helvetica;}
85
+A:hover {font-family: Verdana, Geneva, Arial, Helvetica;}
86
+
87
+table.ReportsListTable
88
+{
89
+ border-color:white;
90
+ border-style:solid;
91
+ border-width:2px;
92
+ font-family: Verdana, Geneva, Arial, Helvetica;
93
+}
94
+table.ReportsListTable tr
95
+{
96
+ background-color:red;
97
+}
98
+tr.ReportsListHeader td
99
+{
100
+ border-width:1px;
101
+ border-style:solid;
102
+ border-color:white;
103
+ background-color:silver;
104
+}
105
+</style>
106
+```
107
+
108
+###Version 6.7+
109
+
110
+As of version 6.7, the downloadable RI includes two files in the Resources -> html folder called ReportList-Body.ascx and ReportList-Head.ascx. To change CSS in this model, generally you will simply have to open the page body and insert your style. Below is an example of styling you can use. Simply insert the following at the bottom of the ReportList-Body.ascx file, or you can create a new CSS file and include that into the head or body portion in a CSS tag.
111
+
71 112
```css
113
+<style type="text/css">
72 114
.blue-panel
73 115
{
74 116
background-color:#0d70cd;
... ...
@@ -123,6 +165,7 @@ The CSS classes you will have to override will also be different than the Report
123 165
{
124 166
font-family: 'Comic Sans MS' !Important;
125 167
}
168
+</style>
126 169
```
127 170
128 171
##Dashboards