In a Page report, ActiveReports allows you to arrange the OverflowPlaceHolder controls at any location on the same page along with the host data region to build a rich report layout. The following walkthrough demonstrates this by using a Table data region and three OverflowPlaceHolder controls on a single page to create a columnar display.
This walkthrough is split into the following activities:
When you complete this walkthrough, you get a report that looks similar to the following:
To add an ActiveReport to the Visual Studio project
See Adding an ActiveReport to a Project for information on adding different report layouts.
To connect the report to a data source
To add a dataset
SQL Query |
Copy Code
|
---|---|
SELECT * FROM Movie |
To create a layout for the report
Property Name | Property Value |
---|---|
Location | 0in, 0in |
BackgroundColor | DarkCyan |
Font | Normal, Arial, 20pt, Bold |
Size | 6.5in, 0.5in |
TextAlign | Center |
Value | Movie Database |
VerticalAlign | Middle |
Property Name | Property Value |
---|---|
Location | 0.125in, 1in |
BackgroundColor | Azure |
RepeatHeaderOnNewPage | True |
Size | 3in, 0.66in |
FixedSize | 3in, 3.5in |
OverflowName |
OverflowPlaceHolder1
Note: Set this property after you add the OverflowPlaceHolder1 to the design surface in the next step, to handle the data that exceeds the fixed size of the Table data region.
|
Cell | Field Name |
---|---|
Left | Title |
Center | YearReleased |
Right | UserRating |
Row | Property Name |
---|---|
TableHeader | BackgroundColor: PaleTurquoise BorderStyle: Solid FontSize: 10pt FontWeight: Bold TextAlign: Left |
TableDetail | BorderStyle: Solid TextAlign: Left FontSize: 9pt |
Control Name | Property |
---|---|
OverflowPlaceHolder1 |
Location: 3.375in, 1in OverflowName: OverflowPalceHolder2
Note: Set this property after you add the OverflowPlaceHolder2 to the design surface.
|
OverflowPlaceHolder2 |
Location: 0.125in, 5in OverflowName: OverflowPlaceHolder3
Note: Set this property after you add the OverflowPlaceHolder3 to the design surface.
|
OverflowPlaceHolder3 | Location: 3.375in, 5in |
Once you have completed the steps above, you get a layout that looks similar to the following at design time. This is the same layout that you see on preview or at runtime.
To view the Report
OR
Notice that the report layout is similar to the one you saw at design time except for the data which is added to the report on preview or at runtime.