For better understanding this step-by-step instruction, please watch the video file.
Do the following steps to create a sub-report:
| 1. | Run the designer; |
| 2. | Connect data: |
2.1. Create New Connection;
2.2. Create New Data Source;
3. Add the Sub-Report component to a report on a page of the report template:
4. Edit the Sub-Report component:
4.1. Stretch the Sub-Report component as seen on the picture below;
4.2. Change the value of properties of Sub-Report. For example, set the Keep Sub-Report Together property to true, if you want the sub-report to be kept together;;
4.3. Change the background color of the component.
5. Go to the sub-report page;
6. Add to the DataBand to the sub-report page;
7. Edit the DataBand:
7.1. Align the DataBand vertically;
7.2. Change values of properties of the DataBand. For example, set the CanBreak property to true, if you want this band to be broken;
7.3. Change background color of the band;
7.4. Set Borders, if necessary;
7.5. Change the border color.
8. Specify the data source for the DataBand using the Data Source property:
9. Put text components with expressions in the DataBand. Where an expression is a reference to a data field. For example, put the following expressions to two text components: {Customers.CompanyName} and {Customers.City};
10. Edit Text and TextBoxes:
10.1. Drag the text component to the required place in the DataBand;
10.2. Set the text font: size, style, color;
10.3. Align text component vertically and horizontally;
10.4. Set the background color of the text component;
10.5. Align text in the component;
10.6. Set values of the properties of text components. For example to set the Word Wrap property to true, if you want the text to be wrapped;
10.7. Set Borders of a text component.
10.8. Set the border color.
11. Click the Preview button or call Viewer, using an F5 hot key or the Preview menu item to see how the report will look like.
As can be seen from the picture above, the report generator rendered the report, which was located in the nested page and placed it on the report page but not in the Sub-Report component.
12. Go back to the report template;
13. If necessary, add some bands to the report template, for example, the PageHeaderBand;
14. Edit this band:
14.1. Align vertically this band;
14.2. Set values of the properties of the PageHeaderBand, if necessary;
14.3. Set the background color;
14.4. Set Borders of a text component.
14.5. Set the border color.
15. Put a text component with expression where the expression of the text component in the PageHeaderBand will be the page title.
16. Edit the text component:
16.1. Drag the text component to the required place in the band;
16.2. Set the text font: size, style, color;
16.3. Align text component vertically and horizontally;
16.4. Set the background color of the text component;
16.5. Align text in the component;
16.6. Set values of the properties of text components;
16.7. Set Borders of a text component.
16.8. Set the border color.
17. Click the Preview button or call Viewer, using an F5 hot key or the Preview menu item to see how the report will look like.
Adding styles
| 1. | Go back to the report template; |
| 2. | Select the sub-report; |
| 3. | Select the DataBand; |
| 4. | Change values of Even style and Odd style properties. If values of these properties are not set, then select the Edit Styles in the list of values of these properties and, using Style Designer, create a new style. The picture below shows the Style Designer |
Click the Add Style button to start creating a style. Select Component from the drop down list. Set the Brush.Color property to change the background color of a row. The picture below shows a sample of the Style Designer with the list of values of the Brush.Color property:
Click Close. Then a new value in the list of Even style and Odd style properties (a style of a list of odd and even rows) will appear.
5. To render the report, click the Preview button or invoke the Viewer, pressing F5 or clicking the Preview menu item. The picture below shows a sample of a rendered sub-report with alternative color of rows:
