Guides/ReportDesign/10.0-Style-tab.md
... ...
@@ -45,7 +45,7 @@ These controls will allow you to control the visual flow of the elements in your
45 45
|**Feature**|**Description**|
46 46
|:---------:|:-------------:|
47 47
|Minimize Grid Width|Adjusts the margins of the data grid to match the size of the data. This can result in columns that are not uniform size.|
48
-|Visual Group Style|Sets how visual groupings will be displayed. [[See more|]].|
48
+|Visual Group Style|Sets how visual groupings will be displayed. This is described in detail below.|
49 49
|Items Per Page|Allows a user to set the number of items shown per page in the report viewer.|
50 50
|Report Order|Allows the user to set the order of items included in the report (Summary, Chart, Gauge, Map, Detail). The detail grid is the one created on the Fields tab.
51 51
|Field|Value Column Pairs|Allows the user to set the field value style for multiple columns displaying on one row. [[See an example|http://www.izenda.com/bi/ReportDesigner.aspx?rn=Accounting]].|
... ...
@@ -58,6 +58,24 @@ 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
62
+
63
+You can change how reports display grouped data using visual groups. There are a number of different options to choose from.
64
+
65
+| **Type** | **Appearanace** |
66
+|:--------:|:---------------:|
67
+|Comma Delimited||
68
+|Comma Delimited With Labels||
69
+|Line Delimited||
70
+|Line Delimited With Labels||
71
+|Field&124;Value||
72
+|Multi Level||
73
+|Multi Level With Labels||
74
+|Analysis Grid||
75
+|VG Hierarchy||
76
+
77
+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
+
61 79
###10.4.1 Customer Integration Example
62 80
63 81
Here is an example of one solution that used customized CSS in order to more fully integrate Izenda into the hosting application.