Merge pull request #101 from MarySammal/master

Report Designer Updates

Author: MarySammal

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/add-extra-information/add-watermarks-to-a-report.md

@@ -27,6 +27,9 @@ To add a watermark to a report, do the following.
 
 	Additionally, for both textual and picture watermarks, you can adjust the transparency, position (in front of or behind the document content), and the page range in which the watermark will be printed.
 
+	> [!NOTE]
+	> The **Transparency** property is unavailable when you specify an SVG image.
+
 ## <a name="preprintedform"></a>Supply a Preprinted Form
 You can use a picture watermark as a template, to display an image of the preprinted form on the report's body at design time.
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/add-navigation/add-bookmarks-and-a-document-map.md

@@ -17,7 +17,7 @@ The following image illustrates the resulting report with a hierarchical Documen
 
 Use the following steps to generate a Document Map in your grouped report:
 
-1. Select the label placed in the **Group Header** band and switch to the [Property Grid](..\report-designer-tools\ui-panels\property-grid.md)'s **Miscellaneous** tab. Click the **Bookmark** property's marker and select the **Bookmark Expression** item. In the invoked **Expression Editor**, select the **CategoryName** data field.
+1. Select the label placed in the **Group Header** band and switch to the [Property Grid](..\report-designer-tools\ui-panels\property-grid-tabbed-view.md)'s **Miscellaneous** tab. Click the **Bookmark** property's marker and select the **Bookmark Expression** item. In the invoked **Expression Editor**, select the **CategoryName** data field.
 
 	![eurd-win-addbookmark-set-bookmark-for-group](../../../../images/eurd-win-addbookmark-set-bookmark-for-group.png)
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/bind-to-data/bind-a-report-to-a-database.md

@@ -45,7 +45,7 @@ This tutorial demonstrates how to bind a report to a hierarchical data source an
     > 
     > Although it is also possible to join different tables within a single query, creating hierarchical data sources is preferred in most cases to provide better performance (in general, master-detail reports are generated faster than similar-looking reports created by grouping "flat" data sources).
         
-Click **Finish** to complete the **Data Source Wizard**. If the selected queries or stored procedures contain any [parameters](../shape-report-data/use-report-parameters/use-query-parameters.md), you can go to the [next wizard page](../report-designer-tools/data-source-wizard/connect-to-a-database/configure-query-parameters.md) and define their values.
+Click **Finish** to complete the **Data Source Wizard**. If the selected queries or stored procedures contain any [parameters](../shape-report-data/use-report-parameters/query-parameters.md), you can go to the [next wizard page](../report-designer-tools/data-source-wizard/connect-to-a-database/configure-query-parameters.md) and define their values.
 
 The newly created SQL data source will be displayed in the **Components** node of the [Report Explorer](../report-designer-tools/ui-panels/report-explorer.md). Additionally, the hierarchy of the data source will be reflected by the [Field List](../report-designer-tools/ui-panels/field-list.md). In both panels, you can right-click the data source to access its settings.
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/bind-to-data/bind-a-report-to-a-stored-procedure.md

@@ -27,7 +27,7 @@ This tutorial demonstrates how to bind a report to a stored procedure provided b
 6. On the next page, you can choose which tables, views and/or stored procedures to add to the report. Expand the **Stored Procedures** category, select the required stored procedure from the list of available stored procedures and click **Next**.
 
 	![](../../../../images/eurd-win-data-source-wizard-select-stored-procedure.png)
-7. Then, the wizard generates query parameters for each stored procedure parameter. The next wizard page presents the generated query parameters. You can assign a static value or an expression to a parameter. In addition, you can map a report parameter to a query parameter. This is helpful when you specify parameter values in the report's Preview. For details on how to configure query parameters, refer to the [Use Query Parameters](../shape-report-data/use-report-parameters/use-query-parameters.md) topic.
+7. Then, the wizard generates query parameters for each stored procedure parameter. The next wizard page presents the generated query parameters. You can assign a static value or an expression to a parameter. In addition, you can map a report parameter to a query parameter. This is helpful when you specify parameter values in the report's Preview. For details on how to configure query parameters, refer to the [Use Query Parameters](../shape-report-data/use-report-parameters/query-parameters.md) topic.
 
 	Click the **Preview** button and select a query to preview the result of the stored procedure execution with the specified parameters.
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/bind-to-data/bind-controls-to-data-data-bindings.md

@@ -54,7 +54,7 @@ Click a control's smart tag, expand the **Data Binding** drop-down list and sele
 
 ## Use the Property Grid
 
-In the [Property Grid](../report-designer-tools/ui-panels/property-grid.md), expand the (Data Bindings) category and specify a data field for a required property (for instance, Text).
+In the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md), expand the (Data Bindings) category and specify a data field for a required property (for instance, Text).
 
 ![](../../../../images/eurd-win-property-grid-text-data-binding.png)
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/bind-to-data/data-binding-modes.md

@@ -46,7 +46,7 @@ See the section below for information on how to use expressions instead of data
     |---|---|
     | ![](../../../../images/eurd-win-smart-tag-expression-binding.png) | ![](../../../../images/eurd-win-smart-tag-data-binding.png) |
 
-* You can select a report control and bind it to data in the [Property Grid](../report-designer-tools/ui-panels/property-grid.md).
+* You can select a report control and bind it to data in the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md).
 
     <table><tr><th><p>Expression Bindings</p>
     </th><th><p>Data Bindings</p>

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/configure-design-settings/change-a-report-measurement-units.md

@@ -16,7 +16,7 @@ To assign a system of measurements to a report, use its **Measure Units** proper
 
 ![](../../../../images/eurd-win-measure-units-in-smart-tag.png)
 
-... or in the [Property Grid](../report-designer-tools/ui-panels/property-grid.md)'s **Behavior** tab.
+... or in the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md)'s **Behavior** tab.
 
 ![](../../../../images/eurd-win-measure-units-in-property-grid.png)
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/configure-design-settings/change-a-report-page-settings.md

@@ -8,13 +8,13 @@ In the Report Designer, page settings of a report can be specified in one of two
 
 ## Use Settings of the Default Printer
 
-For the orientation and paper size, you can specify a requirement that applies the corresponding printer settings instead of the report's. In this instance, the page properties in the [Property Grid](../report-designer-tools/ui-panels/property-grid.md) are disabled and displayed as grayed out. This may be useful when the report is printed in several places with different printers and printer settings.
+For the orientation and paper size, you can specify a requirement that applies the corresponding printer settings instead of the report's. In this instance, the page properties in the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md) are disabled and displayed as grayed out. This may be useful when the report is printed in several places with different printers and printer settings.
 
 ![](../../../../images/eurd-win-using-settings-of-default-printer.png)
 
 ## Specify the Report's Page Settings
 
-While designing the report, you can specify the report's page settings in the [Property Grid](../report-designer-tools/ui-panels/property-grid.md)'s **Miscellaneous** tab:
+While designing the report, you can specify the report's page settings in the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md)'s **Miscellaneous** tab:
 
 ![](../../../../images/eurd-win-specify-report-page-settings.png)
 

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/create-popular-reports.md

@@ -21,6 +21,7 @@ The tutorials listed below demonstrate various layout options available for repo
 
 * [Create Labels and Badges](create-popular-reports/create-labels-and-badges.md)
 * [Create a Multi-Column Report](create-popular-reports/create-a-multi-column-report.md)
+* [Create a Report with Cross-Band Content and Populated Empty Space](create-popular-reports/create-a-report-with-cross-band-content-and-populated-empty-space.md)
 
 The following tutorial illustrates interactive report features:
 
@@ -31,9 +32,7 @@ The following tutorial illustrates interactive report features:
 > 
 > See [Use Report Parameters](shape-report-data/use-report-parameters.md) to learn how to customize reports by submitting parameter values in Print Preview.
 
-The following tutorial explains how to use the Pivot Grid control in your reports:
+The following tutorials explain how to use the Cross Tab control in your reports:
 
 * [Create a Cross-Tab Report](create-popular-reports/create-a-cross-tab-report.md)
-
-> [!Note]
-> See the [Use Charts and Pivot Grids](use-report-elements/use-charts-and-pivot-grids.md) documentation section to learn more about using Pivot Grids and Charts in your reports.
+* [Create a Balance Sheet](create-popular-reports/create-a-balance-sheet.md)

interface-elements-for-desktop/articles/report-designer/report-designer-for-winforms/create-popular-reports/create-a-balance-sheet.md

@@ -0,0 +1,202 @@
+---
+title: Create a Balance Sheet
+author: Anna Gubareva
+---
+# Create a Balance Sheet
+
+This tutorial describes how to use the Cross Tab control to create a **Balance Sheet** report.
+
+![](../../../../images/eurd-win-balance-sheet-report.png)
+
+> [!Tip]
+> This tutorial shows how to configure a Cross Tab using the [Report Wizard](../report-designer-tools/report-wizard.md). See [Create a Cross-Tab Report](create-a-cross-tab-report.md) for information on how to use the Cross-Tab Report Wizard.
+
+## Add a Cross Tab and Bind It to Data
+
+1. Invoke the Report Wizard and [add a blank report](../add-new-reports.md) to your application.
+
+1. Drop the Cross Tab control from the Toolbox onto the report's [Detail band](../introduction-to-banded-reports.md).
+
+    ![](../../../../images/eurd-win-balance-sheet-drop-cross-tab-from-toolbox.png)
+
+3. Click the Cross Tab's smart tag, expand the **Data Source** property's drop-down menu and click **Add New Data Source**.
+
+    ![](../../../../images/eurd-win-balance-sheet-cross-tab-add-data-source.png)
+
+4. Use the invoked [Data Source Wizard](../report-designer-tools/data-source-wizard.md) to bind the Cross Tab to a data source.
+
+Click **Finish** to complete the Data Source Wizard and assign the created data source to the Cross Tab.
+
+![](../../../../images/eurd-win-balance-sheet-cross-tab-data-source.png)
+
+The data source structure becomes available in the [Field List](../report-designer-tools/ui-panels/field-list.md).
+
+![](../../../../images/eurd-win-balance-sheet-field-list.png)
+
+> [!Note]
+> Ensure that the report's **Data Source** property is not set if you place a Cross Tab into the [Detail band](../introduction-to-banded-reports.md). Otherwise, the Cross Tab data is printed as many times as there are rows in the report data source.
+
+## Define the Cross Tab Layout
+
+1. Drop data fields from the Field List onto the Cross Tab's areas to define the Cross Tab's rows, columns, and data.
+
+    A row is added to the bottom of the Cross Tab to display grand total values calculated against the added row or column header.
+
+    ![](../../../../images/eurd-win-balance-sheet-drop-type.gif)
+
+    Drop nested row headers next to the parent header cells to create a hierarchy.
+
+    ![](../../../../images/eurd-win-balance-sheet-drop-subtype.gif)
+
+Switch to Print Preview to see the Cross Tab populated with data.
+
+![](../../../../images/eurd-win-balance-sheet-layout-preview.png)
+
+## Specify Group Settings
+
+As you can see in the image above, the Cross Tab displays data for individual days.
+
+Select the column header cell and click its smart tag. Set the **Group Interval** property to group data.
+
+![](../../../../images/eurd-win-balance-sheet-date-group-interval.png)
+
+![](../../../../images/eurd-win-balance-sheet-date-group-interval-preview.png)
+
+## Specify Layout Options
+
+1. The Cross Tab control stacks row headers horizontally. You can change the view so that parent values span the entire row header panel width.
+
+    Select the Cross Tab and switch to the [Property Grid](../report-designer-tools/ui-panels/property-grid-tabbed-view.md). Expand the **Layout Options** group and enable the **Hierarchical Row Layout** property.
+
+    ![](../../../../images/eurd-win-balance-sheet-hierarchical-row-layout.png)
+
+2. Set the **Corner Header Display Mode** property to **None** to merge cells in the top-left corner into a single empty cell.
+
+    ![](../../../../images/eurd-win-balance-sheet-corner-header-display-mode.png)
+
+Switch to Print Preview to see the result.
+
+![](../../../../images/eurd-win-balance-sheet-layout-options-preview.png)
+
+## Hide Grand Totals
+
+1. Select the bottom right cell and click its smart tag. Disable the **Row Visible** and **Column Visible** properties to hide the row and column that display grand total values. Invisible cells are filled with a hatch brush.
+
+    ![](../../../../images/eurd-win-balance-sheet-row-column-visible.png)
+
+2. Resize the Cross Tab. You can also resize individual rows and columns.
+
+    ![](../../../../images/eurd-win-balance-sheet-adjust-control-size.png)
+
+The Cross Tab control no longer displays grand total values.
+
+![](../../../../images/eurd-win-balance-sheet-hidden-grand-totals-preview.png)
+
+## Sort and Format Data
+
+1. Select the row sub-header cell and change its sort order. The Cross Tab sorts row and column field values in ascending order. Set the **Sort Order** property to **None** to restore the original data source order.
+
+    ![](../../../../images/eurd-win-balance-sheet-sort-order.png)
+
+2. Format the data. Hold down SHIFT or CTRL and select cells. Specify the cells' **Text Format String** property.
+
+    ![](../../../../images/eurd-win-balance-sheet-text-format-string.png)
+
+![](../../../../images/eurd-win-balance-sheet-sort-format-options-preview.png)
+
+## Customize Appearance
+
+1. Select the Cross Tab, switch to the **Properties** window and expand the **Styles** property. Use the **General Style** property to specify common appearance settings that apply to all Cross Tab cells. Set the following properties:
+
+    * **Background Color** to **White**
+    * **Border Color** to **SlateGray**
+    * **Font** to **Tahoma 8.25**
+    * **Foreground Color** to **SlateGray**
+
+    ![](../../../../images/eurd-win-balance-sheet-general-style.png)
+
+2. Expand the **Header Area Style** property and do the following:
+
+    * reset the **Background Color** property value to inherit the color from the general style;
+    * set the **Foreground Color** property to **MidnightBlue** to override the general foreground color;
+    * set the **Font** property to **Tahoma 8.25** to override the general font.
+
+    ![](../../../../images/eurd-win-balance-sheet-header-area-style.png)
+
+3. Expand the **Total Area Style** property and set the following properties to override general settings:
+
+    * **Font** to **Tahoma 8.25 Bold**
+    * **Foreground Color**  to **MidnightBlue**
+
+    ![](../../../../images/eurd-win-balance-sheet-total-area-style.png)
+
+4. Select the row sub-header cell and set the following appearance properties:
+
+    * **Foreground Color**  to **SlateGray**
+    * **Font** to **Tahoma 8.25**
+
+    These values apply to the selected cell only and override values specified for the entire header area.
+
+    ![](../../../../images/eurd-win-balance-sheet-cell-appearance-settings.png)
+
+![](../../../../images/eurd-win-balance-sheet-styles-preview.png)
+
+5. Select the cells in the top row and in the rows with total values. Set the **Borders** property to **Bottom** and **Border Width** property to **2**.
+
+    ![](../../../../images/eurd-win-balance-sheet-add-borders.png)
+
+6. Select the cells you did not customize in the previous step and set the **Borders** property to **None**.
+
+    ![](../../../../images/eurd-win-balance-sheet-remove-borders.png)
+
+7. Select the cells in the top row and set the **Background Color** property to **LightSteelBlue**.
+
+    ![](../../../../images/eurd-win-balance-sheet-back-color-for-top-row.png)
+
+8. Select the row sub-header cell and the next cell in the data area. Set their **Background Color** property to **AliceBlue**.
+
+    ![](../../../../images/eurd-win-balance-sheet-back-color-for-rows.png)
+
+![](../../../../images/eurd-win-balance-sheet-appearance-preview.png)
+
+## Apply Odd and Even Row Styles
+
+Use the **GroupRowIndex** variable in [expressions](../use-expressions.md) to identify odd and even rows.
+
+Select the row sub-header cell and the next cell in the data area. Go to the **Properties** window and open the **Expressions** tab. Click the **Background Color** property's marker, select **Background Color Expression** and specify the following expression:
+
+_iif([Arguments.GroupRowIndex] % 2 == 1, Rgb(235, 241, 252), ?)_
+
+![](../../../../images/eurd-win-balance-sheet-odd-even-expression.png)
+
+![](../../../../images/eurd-win-balance-sheet-odd-even-preview.png)
+
+As you can see, the row backgrounds do not start from the page's left border, but have indents. These indents correspond to auxiliary cells in a tree.
+
+Select these auxiliary cells and disable the **Column Visible** property.
+
+![](../../../../images/eurd-win-balance-sheet-hide-tree-view-cells.png)
+
+To add indents to row field values and imitate a tree-like view, set the **Padding** property for the Cross Tab's cells.
+
+![](../../../../images/eurd-win-balance-sheet-tree-paddings.png)
+
+![](../../../../images/eurd-win-balance-sheet-final-appearance-preview.png)
+
+## Add a Report Title
+
+1. Right-click the report and select **Insert Band / ReportHeader** from the context menu.
+
+    ![](../../../../images/eurd-win-balance-sheet-add-report-header.png)
+
+2. Drop a [Label](../use-report-elements/use-basic-report-controls/label.md) from the Toolbox onto the created Report Header.
+
+    ![](../../../../images/eurd-win-balance-sheet-drop-label-onto-report-header.png)
+
+3. Double-click the label and type the report title. Specify appearance settings.
+
+    ![](../../../../images/eurd-win-balance-sheet-title.png)
+
+Switch to Print Preview to see the final result.
+
+![](../../../../images/eurd-win-balance-sheet-report.png)