Skip to content

Commit

Permalink
Merge pull request #199 from DevExpress/232-tyureva-update-actions
Browse files Browse the repository at this point in the history
update properties panel
  • Loading branch information
pollyndos authored Feb 2, 2024
2 parents 3fbe807 + d09c304 commit aa54803
Show file tree
Hide file tree
Showing 83 changed files with 157 additions and 105 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ This tutorial demonstrates how to insert the current system date and time into a

Do the following to include information about the current date and time into a report:

1. Typically, the current date and time are displayed within the [Report Header](../introduction-to-banded-reports.md) band. To add it to the report, click **Insert Report Header Band** in the **Actions** category.
1. The current date and time are usually displayed in the [Report Header](../introduction-to-banded-reports.md) band. To add it to the report, click **Insert Report Header Band** in the context menu.

![](../../../images/eurd-web-insert-datetime-add-reportheader-band.png)
![](../../../images/eurd-web-shaping-insert-report-header.png)
2. Drop the [PageInfo](../use-report-elements/use-basic-report-controls/page-info.md) control from the [Toolbox](../report-designer-tools/toolbox.md) onto the **Report Header** band.

![](../../../images/eurd-web-insert-date-time-add-pageinfo.png)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@ This tutorial demonstrates how to insert the current user name in a report using

Do the following to insert the user name into a report:

1. Typically, the user name is displayed within the [Report Header](../introduction-to-banded-reports.md) band. To add it to the report, click **Insert Report Header Band** in the **Actions** category.
1. The user name is usually displayed in the [Report Header](../introduction-to-banded-reports.md) band. To add it to the report, click **Insert Report Header Band** in the context menu.

![](../../../images/eurd-web-insert-datetime-add-reportheader-band.png)
![](../../../images/eurd-web-shaping-insert-report-header.png)

2. Drop the [PageInfo](../use-report-elements/use-basic-report-controls/page-info.md) control from the [Toolbox](../report-designer-tools/toolbox.md) onto the **Report Header** band.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,13 @@ The tutorial describes how to add page numbers to your reports.
## <a name="numbers"></a>Add Page Numbers
Do the following to add page numbers to a report:

- Create a [PageFooterBand](../introduction-to-banded-reports.md) in your report. To do this, click **Insert Page Footer Band** in the **Actions** category.
- Create a [PageFooterBand](../introduction-to-banded-reports.md) in your report. To do this, select **Insert Page Footer Band** in the context menu.

![](../../../images/eurd-web-add-page-footer.png)
- Drop the [PageInfo](../use-report-elements/use-basic-report-controls/page-info.md) control from the [Toolbox](../report-designer-tools/toolbox.md) to the **Page Footer** band.

![](../../../images/eurd-web-drop-page-info.png)
- To change the control's display format, specify the **Text Format String** property (e.g., **Page {0} of {1}**, to display the current page number out of the total number of pages) in the **Actions** category.
- To change the control's display format, specify the **Text Format String** property (e.g., **Page {0} of {1}**, to display the current page number out of the total number of pages) in the **Page Info Tasks** category.

![](../../../images/eurd-web-pageinfo-formatstring.png)

Expand All @@ -26,9 +26,9 @@ The following image illustrates the resulting report:
## <a name="groups"></a>Add Page Numbers for Groups
Do the following to make your report display page numbers for groups or detail reports:

- Add the **Group Footer** band. To do this, click **Insert Group Footer Band** in the **Actions** category.
- Add the **Group Footer** band. To do this, select **Insert Group Footer Band** in the context menu.

![](../../../images/eurd-web-add-groupfooter.png)
![](../../../images/eurd-web-report-bands-add-bands.png)

> [!NOTE]
> You can force the group header and/or the group footer to be repeated on each page, using the GroupBand's **Repeat Every Page** property.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,9 +66,8 @@ Create the master report layout to display basic information about customers and
## Prepare the Detail Report Layout
Perform the following steps to create a detail report and construct its layout to show the order details in a tabular form:

1. Expand the **Actions** category and click **Insert Detail Report Band** to create a [Detail Report Band](../introduction-to-banded-reports.md).
1. From the the report's context menu, select the **Insert Detail Report Band** command to create a [Detail Report Band](../introduction-to-banded-reports.md).

![](../../../images/eurd-web-invoice-insert-detail-report.png)

2. Select the Detail Report band and select the master-detail relationship's name in the **Data Member** property's drop-down list.

Expand All @@ -80,15 +79,15 @@ Perform the following steps to create a detail report and construct its layout t

![](../../../images/eurd-web-invoice-detail-layout-add-dynamic-table.png)

3. Add the Group Header band to the detail report to display captions for table columns. Select the Detail Report band and click **Insert Group Header Band** in the **Actions** category.
4. Add the Group Header band to the detail report to display captions for table columns. Select the Detail Report band and click **Insert Group Header Band** in the context menu.

![](../../../images/eurd-web-invoice-insert-group-header-band.png)
![](../../../images/eurd-web-underlay-report-addgroupheader.png)

4. To create column headers, drop the [Table](../use-report-elements/use-tables/table-overview.md) control from the **Toolbox** onto the Group Header band and enter the required text in the table's cells.
5. To create column headers, drop the [Table](../use-report-elements/use-tables/table-overview.md) control from the **Toolbox** onto the Group Header band and enter the required text in the table's cells.

![](../../../images/eurd-web-invoice-detail-layout-add-table-headers.png)

5. Select the Detail Report band, expand the **Behavior** category and set the band's **Page Break** property to **After the Band** to print each order on a separate page.
6. Select the Detail Report band, expand the **Behavior** category and set the band's **Page Break** property to **After the Band** to print each order on a separate page.

![](../../../images/eurd-web-invoice-detail-report-page-break.png)

Expand Down Expand Up @@ -117,7 +116,7 @@ The next step is to specify report elements' [value formatting](../shape-report-

![](../../../images/eurd-web-invoice-format-date-fields.png)

2. Select the table cell bound to the **Discount** data field in the detail report's Detail band. Expand the **Actions** category, click the **Text Format String** property's ellipsis button, and in the invoked **Format String Editor**, apply the **Percent** format. In this case, field values are multiplied by 100 and displayed with a percent symbol.
2. Select the table cell bound to the **Discount** data field in the detail report's Detail band. Expand the **Cell Tasks** category, click the **Text Format String** property's ellipsis button, and in the invoked **Format String Editor**, apply the **Percent** format. In this case, field values are multiplied by 100 and displayed with a percent symbol.

![](../../../images/eurd-web-invoice-format-discount-field.png)

Expand All @@ -128,7 +127,7 @@ Do the following to calculate a total price for each order as a sum of **Extende

1. Add the Group Footer band to the detail report in the same way as the Group Header.

2. Drop the Label control onto the added band and expand the **Actions** category in the Properties panel. Select the **Summary** section and set the **Running** property to **Report** to calculate the summary for the entire detail report and click the **Expression** property's ellipsis button. In the invoked [Expression Editor](../report-designer-tools/expression-editor.md), specify the following expression to calculate the total price:
2. Drop the Label control onto the added band and expand the **Label Tasks** category in the Properties panel. Select the **Summary** section and set the **Running** property to **Report** to calculate the summary for the entire detail report and click the **Expression** property's ellipsis button. In the invoked [Expression Editor](../report-designer-tools/expression-editor.md), specify the following expression to calculate the total price:

![](../../../images/eurd-web-invoice-specify-summary-function.png)

Expand All @@ -139,7 +138,7 @@ Do the following to calculate a total price for each order as a sum of **Extende
## Sort Data
Perform the following steps to sort data in the detail report:

1. Select the **Detail** band in the detail report. Select the **Sort Fields** section in the **Actions** category and add a new sort field to sort the detail report's data by the required data field.
1. Select the **Detail** band in the detail report. Select the **Sort Fields** section in the **Detail Tasks** category and add a new sort field to sort the detail report's data by the required data field.

![](../../../images/eurd-web-invoice-sort-data.png)

Expand Down Expand Up @@ -192,7 +191,7 @@ Do the following to provide additional information to your invoices, such as the

![](../../../images/eurd-web-invoice-add-page-info.png)

4. Expand the **Actions** category and set the **Page Information** property to **Current Date and Time**. Click the **Text Format String** property's ellipsis button, and in the invoked **Format String Editor**, select a date format as in the **Format Data** section above.
4. Expand the **Page Info Tasks** category and set the **Page Information** property to **Current Date and Time**. Click the **Text Format String** property's ellipsis button, and in the invoked **Format String Editor**, select a date format as in the **Format Data** section above.

![](../../../images/eurd-web-invoice-page-info-text-format-string.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ This tutorial demonstrates how to create a master-detail report using the [Subre

![](../../../images/eurd-web-detail-report-parameter-settings.png)

6. Switch to the [Properties](../report-designer-tools/ui-panels/properties-panel.md) panel, expand the **Actions** category and click the **Filter String** property's ellipsis button.
6. Switch to the [Properties](../report-designer-tools/ui-panels/properties-panel.md) panel, expand the the control's **Tasks** category and click the **Filter String** property's ellipsis button.

In the invoked [Filter Editor](../report-designer-tools/filter-editor.md), construct an expression where the required data field is compared to the created parameter. To access the parameter, invoke the drop-down list on the right and select **Parameter**.

Expand All @@ -58,7 +58,7 @@ This tutorial demonstrates how to create a master-detail report using the [Subre

![](../../../images/eurd-web-master-report-add-subreport.png)

3. Expand the **Actions** category and select the previously saved detail report in the **Report Source URL** property's drop-down list.
3. Expand the **Subreport Tasks** category and select the previously saved detail report in the **Report Source URL** property's drop-down list.

![](../../../images/eurd-web-master-report-subreport-report-source-url.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ This document describes how to arrange report data in multiple columns, which ca
![](../../../images/eurd-web-multi-column-result.png)

## Settings
To access the multi-column settings of a report's Detail band, switch to the [Properties](../report-designer-tools/ui-panels/properties-panel.md) panel and expand the **Actions** or the **Behavior** category.
To access the multi-column settings of a report's Detail band, switch to the [Properties](../report-designer-tools/ui-panels/properties-panel.md) panel and expand the **Detail Tasks** or the **Behavior** category.

![](../../../images/eurd-web-multi-column-options.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,15 +23,15 @@ The _GroupFooter_ band is displayed at the bottom of the page (the **Print At Bo

## Add Line Numbers

1. Select the first cell in the [Detail band](../introduction-to-banded-reports.md)'s table and click **Insert Column to the Left** in the Actions panel.
1. Select the first cell in the [Detail band](../introduction-to-banded-reports.md)'s table and click **Insert Column to the Left** from the cell's context menu.

![](../../../images/eurd-web-underlay-report-add-cell.png)

1. Select the new cell and set **Summary**/**Running** to _Group_.
2. Select the new cell and set **Summary**/**Running** to _Group_.

![](../../../images/eurd-web-underlay-report-add-line-numbers.png)

1. Switch to the **Expressions** tab and click the **Text** property's ellipsis button. Specify the _sumRecordNumber()_ expression in the invoked Expression Editor.
3. Switch to the **Expressions** tab and click the **Text** property's ellipsis button. Specify the _sumRecordNumber()_ expression in the invoked Expression Editor.

![](../../../images/eurd-web-underlay-report-add-line-numbers-2.png)

Expand All @@ -58,18 +58,18 @@ The empty space is now populated with numbered lines.

Add a panel with recipient details across the entire group. Place the panel on a separate _Group Header_ band that is printed on the background of other bands.

1. Select the report and click **Insert Group Header Band** in the Actions group.
1. Select the report and select **Insert Group Header** from the report's context menu

![](../../../images/eurd-web-underlay-report-addgroupheader.png)

> [!Tip]
> Choose a _Page Header_ band instead of the _Group Header_ to display the cross-band content on an entire page.

1. Select the added band and enable the **Print Across Bands** property. This displays the band content on the background of the _GroupHeader1_, _Detail_, and _GroupFooter1_ bands.
2. Select the added band and enable the **Print Across Bands** property. This displays the band content on the background of the _GroupHeader1_, _Detail_, and _GroupFooter1_ bands.

![](../../../images/eurd-web-underlay-report-printundernextband.png)

1. The report's group field is in the _GroupHeader1_ band's **Group Fields** collection. The new band is above **GroupHeader1** and does not participate in the report's group. Move the group field to the new band.
3. The report's group field is in the _GroupHeader1_ band's **Group Fields** collection. The new band is above **GroupHeader1** and does not participate in the report's group. Move the group field to the new band.

* Select _GroupHeader1_ and remove the group field from **Group Fields**.

Expand All @@ -79,15 +79,15 @@ Add a panel with recipient details across the entire group. Place the panel on a

![](../../../images/eurd-web-underlay-report-movegroupfields.png)

1. Add a [Panel](../use-report-elements/use-basic-report-controls/panel.md) control to the _Group Header_. Specify the panel's **Background Color** and drop fields onto the panel.
4. Add a [Panel](../use-report-elements/use-basic-report-controls/panel.md) control to the _Group Header_. Specify the panel's **Background Color** and drop fields onto the panel.

![](../../../images/eurd-web-underlay-report-add-recipient.png)

1. Adjust the panel's width and height. The height should match the page height, as the footer is printed at the bottom of the page (the _Group Footer_'s **Print At Bottom** property is enabled).
5. Adjust the panel's width and height. The height should match the page height, as the footer is printed at the bottom of the page (the _Group Footer_'s **Print At Bottom** property is enabled).

![](../../../images/eurd-web-underlay-report-adjust-crossband-height.png)

1. Switch to Print Preview. The panel is printed on the background of the group content.
6. Switch to Print Preview. The panel is printed on the background of the group content.

![](../../../images/eurd-web-underlay-report-preview-5.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ This tutorial describes how to create a report with a visual PDF signature.

![](../../../images/pdf-signature-report-add-data-to-rich-text.png)

3. Select the **Detail** band. In the property grid, expand the **Actions** section and choose **Insert Report Footer Band**. Enable the footer band's **Print at Bottom** property.
3. Select the **Detail** band. From the context menu, select the **Insert Report Footer Band** command. Enable the footer band's **Print at Bottom** property.

![](../../../images/pdf-signature-report-add-report-footer.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ This tutorial describes how to create a data-bound report displaying information

2. [Bind the report](../bind-to-data.md) to a required data source.

3. Add the [Page Header](../introduction-to-banded-reports.md) band to the report to print the column headers at the top of every document page. To do this, expand the **Actions** category and click **Insert Page Header Band**.
3. Add the [Page Header](../introduction-to-banded-reports.md) band to the report to print the column headers at the top of every document page. To do this, from the report's context menu, select the **Insert Page Header Band** command.

![](../../../images/eurd-web-table-report-insert-page-header.png)

Expand All @@ -34,11 +34,11 @@ This tutorial describes how to create a data-bound report displaying information

![](../../../images/eurd-web-table-report-set-up-appearance.png)

9. Define a currency format for the **UnitPrice** cell. Select the cell and click the **Text Format String** property's ellipsis button. Select the appropriate format in the invoked **Format String Editor** editor and click **OK**.
8. Define a currency format for the **UnitPrice** cell. Select the cell and click the **Text Format String** property's ellipsis button. Select the appropriate format in the invoked **Format String Editor** editor and click **OK**.

![](../../../images/eurd-web-table-report-format-string.png)

10. To further improve the table readability, you can apply different visual styles to its odd and even rows. See [Report Visual Styles](../customize-appearance/report-visual-styles.md) to learn more.
9. To further improve the table readability, you can apply different visual styles to its odd and even rows. See [Report Visual Styles](../customize-appearance/report-visual-styles.md) to learn more.

![](../../../images/eurd-web-table-report-odd-even-styles.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -55,9 +55,7 @@ Switch to the Preview mode to see the result.
![](../../../images/eurd-web-vertical-reports-result.png)

> [!Tip]
> You can create a vertical report without using the Report Wizard. Click **Insert Vertical Header Band** in the report's Actions group.
>
> ![](../../../images/eurd-web-vertical-reports-insert.png)
> You can create a vertical report without using the Report Wizard. Click **Insert Vertical Header Band** from the report's context menu.
>
> Refer to the [Introduction to Banded Reports](../../report-designer/introduction-to-banded-reports.md#vertical-bands) topic for more information.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,6 @@ Select a band on the report design surface and press DELETE. This removes the ba

### Add Bands

To add a band, select the report or any of its bands in the **Properties** panel and click an appropriate item in the **Actions** category.
To add a band, select the report or any of its bands on Designer Surface, right-click to invoke the context menu and select a band.

![](../../images/eurd-web-report-bands-add-bands.png)

Loading

0 comments on commit aa54803

Please sign in to comment.