Guides/ReportDesign/10.0-Style-tab.md
... ...
@@ -58,9 +58,15 @@ Izenda Reports fully integrates with your application both at the program level
58 58
59 59
You can get a complete overview of the process for using custom CSS styles on the report designer from [[this tutorial|http://wiki.izenda.us/FAQ/Questions/Overriding-page-level-css#Report-Designer]].
60 60
61
-##Visual Group Styles
61
+###10.4.1 Customer Integration Example
62
+
63
+Here is an example of one solution that used customized CSS in order to more fully integrate Izenda into the hosting application.
64
+
65
+![](http://wiki.izenda.us/Guides/ReportDesign/10-dot-0-Style-tab/customer_example.png)
66
+
67
+##10.5 Visual Group Styles
62 68
63
-You can change how reports display grouped data using visual groups. There are a number of different options to choose from.
69
+Using visual groups, you can change how reports display grouped data. There are a number of different options to choose from. We will provide an example of each of them and an in-depth look at the last two.
64 70
65 71
| **Type** | **Appearanace** |
66 72
|:--------:|:---------------:|
... ...
@@ -76,8 +82,12 @@ You can change how reports display grouped data using visual groups. There are a
76 82
77 83
As you can see, most of the styles you can choose from will put the VG grouped fields at the top of the report and the non-grouped fields will then be displayed in a normal grid. The bottom two options are the exception to this and provide users with more control over what data they are viewing by allowing them to click on the (+)/(-) symbols. This will expand or collapse the container for each level of data.
78 84
79
-###10.4.1 Customer Integration Example
85
+###Analysis Grid
80 86
81
-Here is an example of one solution that used customized CSS in order to more fully integrate Izenda into the hosting application.
87
+The analysis grid VG style will initially start with every expandable row collapsed. When you click on the (+) next to the value, it will expand that section of the analysis grid and display the data inside. You can have multiple levels nested inside each container and Izenda will automatically calculate the totals for numeric fields inside the non-visual-grouped fields. Below is an example of a 5-level analysis grid.
88
+
89
+![]()
90
+
91
+###VG Hierarchy
82 92
83
-![](http://wiki.izenda.us/Guides/ReportDesign/10-dot-0-Style-tab/customer_example.png)
... ...
\ No newline at end of file
0
+The VG hierarchy style
... ...
\ No newline at end of file