Integration/Tutorials/Appearance.md
... ...
@@ -8,19 +8,35 @@ Izenda Reports fully integrates with your application both at the program level
8 8
9 9
###Setting Custom CSS and Navigation Image Files
10 10
11
+####Settings.aspx
12
+
11 13
An example of how to set custom CSS:
12 14
13 15
* download the archive
14 16
* [CSS.ZIP](http://wiki.izenda.us/Integration/Appearance/css.zip)
15 17
* edit the CSS files, **but do not change the selector names or the filenames**
16 18
* save the edited files to your server where they can be accessed via absolute urls
17
- * navigate to the settings.aspx page
18
- * navigate to the "Images & CSS" tab
19
+ * navigate to the settings.aspx page and click the "Images & CSS" tab shown below **-OR-** you can define them [[programatically|]].
19 20
20 21
![](http://wiki.izenda.us/Appearance/ImagesCssTab.png)
21 22
* enter the new absolute URLs of the CSS files
22 23
* fully clear your cache and restart the application
23 24
25
+####Programatically
26
+
27
+ * download the archive
28
+ * [CSS.ZIP](http://wiki.izenda.us/Integration/Appearance/css.zip)
29
+ * edit the CSS files, **but do not change the selector names or the filenames**
30
+ * save the edited files to your server where they can be accessed via absolute urls
31
+ * Open up your global.asax and override the following properties:
32
+ * [[DashboardsCssUrl|/API/CodeSamples/DashboardsCssUrl]]
33
+ * [[FieldValueCssUrl|/API/CodeSamples/FieldValueCssUrl]]
34
+ * [[ReportCssUrl|/API/CodeSamples/ReportCssUrl]]
35
+ * [[SimpleFilterCssUrl|/API/CodeSamples/SimpleFilterCssUrl]]
36
+ * [[TabCssUrl|/API/CodeSamples/TabsCssUrl]]
37
+ * [[ToolbarCssUrl|/API/CodeSamples/ToolbarCssUrl]]
38
+ * [[HeaderStyle|/API/CodeSamples/HeaderStyle]]
39
+
24 40
After resetting and clearing the cache, the CSS changes should reflect in Izenda Reports.
25 41
26 42
###Setting the Report List page (ReportList.aspx) CSS