FAQ/Questions/Using-ReportParts.md
... ...
@@ -0,0 +1,70 @@
1
+#Using ReportParts
2
+
3
+[[_TOC_]]
4
+
5
+##Question
6
+
7
+What are ReportParts? How do I use them?
8
+
9
+##Answer
10
+
11
+ ReportParts are containers for the different sections of reports defined in your system. Using ReportParts allows users to easily create their own dashboards in HTML and ASP. For example, you could create your own aspx web page and insert Izenda ReportParts into it, creating a customized dashboard or webpage.
12
+
13
+###ASPX Example
14
+
15
+You can insert ReportParts into aspx webpages using a custom element on the page.
16
+
17
+First, your aspx page will have to include a reference to Izenda.AdHoc
18
+
19
+```asp
20
+<%@ Register TagPrefix="cc1" Namespace="Izenda.Web.UI" Assembly="Izenda.AdHoc" %>
21
+```
22
+
23
+Then you can add HTML like the following to use a ReportPart
24
+
25
+```html
26
+<body>
27
+ <form id="form1" runat="server">
28
+ <div>
29
+ <cc1:ReportPart id=ReportPartID1 runat="server" Report="rep1" Part="Detail"/>
30
+ <cc1:ReportPart id=ReportPart1 runat="server" Report="ord" Part="Chart"/>
31
+ <cc1:ReportPart id=ReportPart2 runat="server" Report="tt33" Part="Gauges"/>
32
+</div>
33
+</form>
34
+</body>
35
+```
36
+
37
+The Report string should be the complete name of the report including the category. The part value can be equal to any of the following:
38
+
39
+* Detail
40
+* Summary
41
+* Chart
42
+* Chart2
43
+* Gauges
44
+* Map
45
+
46
+###HTML example
47
+
48
+You can also insert ReportParts into a pure HTML page and display it using javascript
49
+
50
+First, you will have to include a reference to the javascript file used to render the ReportPart.
51
+
52
+```javascript
53
+<head runat="server">
54
+ <script type="text/javascript" src="http://yoursite.com/yourreportingsite/rs.aspx?js=report-parts"></script>
55
+</head>
56
+```
57
+
58
+Then you can add HTML like the following to use a ReportPart.
59
+
60
+```html
61
+<body>
62
+ <div style="margin:5px; padding:10px; border: 1px solid gray; background-color: white;">
63
+ <div class="report-part" data-report="Sales" data-part="chart"></div>
64
+ <div class="report-part" data-report="Finance" data-part="chart"></div>
65
+ <div class="report-part" data-report="Accounting" data-part="detail"></div>
66
+ </div>
67
+</body>
68
+```
69
+
70
+The data-report tag references the complete name of the report and the data-part identifier should be one of the items listed above, but this is not case-sensitive in this context.
... ...
\ No newline at end of file