From 1c2bf38d4480fec18467e1674f1846b3be268fba Mon Sep 17 00:00:00 2001 From: Polina Tyureva Date: Thu, 1 Feb 2024 13:53:19 +0400 Subject: [PATCH] add info abt qr frames --- .../add-bar-codes-to-a-report.md | 80 ++++++++++++++++++ .../bar-code-recognition-specifics.md | 6 ++ .../use-bar-codes/epc-qr-code.md | 2 +- .../use-bar-codes/gs1-qr-code.md | 4 + .../use-bar-codes/qr-code.md | 6 +- .../images/qr-code-corner-frame.png | Bin 0 -> 1818 bytes .../images/qr-code-rectangle-frame.png | Bin 0 -> 1958 bytes .../add-bar-codes-to-a-report.md | 80 ++++++++++++++++++ .../bar-code-recognition-specifics.md | 6 ++ .../use-bar-codes/epc-qr-code.md | 2 +- .../use-bar-codes/gs1-qr-code.md | 6 +- .../use-bar-codes/qr-code.md | 3 + .../images/qr-code-corner-frame.png | Bin 0 -> 1818 bytes .../images/qr-code-rectangle-frame.png | Bin 0 -> 1958 bytes 14 files changed, 191 insertions(+), 4 deletions(-) create mode 100644 reporting-for-desktop/images/qr-code-corner-frame.png create mode 100644 reporting-for-desktop/images/qr-code-rectangle-frame.png create mode 100644 reporting-for-web/images/qr-code-corner-frame.png create mode 100644 reporting-for-web/images/qr-code-rectangle-frame.png diff --git a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md index 0282fd1829..df7fdafd2e 100644 --- a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md +++ b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md @@ -35,6 +35,86 @@ The following are some additional barcode options: * Use the **Padding** property to specify the indent between bars and the barcode's inner boundaries. +## Frames for QR Codes + +For QR Codes ([QR Code](qr-code.md), [GS1 QR Code](gs1-qr-code.md), and [EPC QR Code](epc-qr-code.md)), you can use the **Frame Options** property to configure the frame around the barcode. The Corner and Rectangle frames are available for all types of QR Codes. + +### Corner Frame + +The corner frame looks as follows: + +![](../../../../../images/qr-code-corner-frame.png) + +You can specify the following properties for corner frames: + + * **Frame Color** + + Specifies the frame color. + + * **Frame Width** + + Specifies the frame width in pixels. + + * **Padding** + + Specifies the distance between the frame and QR code. + + * **Text** + + Specifies the text that displayed in the frame. + + * **Text Alignment** + + Specifies how the text is aligned with the frame line. + + * **Text Color** + + Specifies the color of the text in the frame. + + * **Text Position** + + Specifies how the text is positioned against the QR code. + +### Rectangular Frame + +The rectangular frame looks as follows: + +![](../../../../../images/qr-code-rectangle-frame.png) + +You can specify the following properties for corner frames: + + * **Corner Radius** + + Specifies rounded corners for the rectangular frame in pixels. + + * **Frame Color** + + Specifies the frame color. + + * **Frame Width** + + Specifies the frame width in pixels. + + * **Padding** + + Specifies the distance between the frame and QR code. + + * **Text** + + Specifies the text that displayed in the frame. + + * **Text Alignment** + + Specifies how the text is aligned with the frame line. + + * **Text Color** + + Specifies the color of the text in the frame. + + * **Text Position** + + Specifies how the text is positioned against the QR code. + ## Bind to Data You can [bind](../bind-controls-to-data.md) the bar code's **Text** property to a data field obtained from a report's data source. Click the control's smart tag, expand the **Expression** drop-down list and select the data field. diff --git a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md index e229ea15b0..78ce6d31ff 100644 --- a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md +++ b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md @@ -28,6 +28,12 @@ At present, only [export to PDF](/interface-elements-for-desktop/articles/print- For [XLSX](/interface-elements-for-desktop/articles/print-preview/print-preview-for-winforms/exporting/xlsx-specific-export-options.md) and [XLS](/interface-elements-for-desktop/articles/print-preview/print-preview-for-winforms/exporting/xls-specific-export-options.md) export, the output resolution can be set up manually using the **Rasterization Resolution** property. +## Specify the DPI of the Device Used to Print the Bar Code + +The **Target Device Dpi** property allows you to specify the DPI of the device on which you wish to print your barcode. The `XRBarCode` control automatically adjusts bar density based on this property's value. + +Use the **Target Device Dpi** property to ensure that the bar code is scanned correctly on the target device. This is especially important if your printing device has a non-standard DPI setting. + ## Common Issues This document section provides solutions to the most common issues that you may encounter when creating barcodes. diff --git a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/epc-qr-code.md b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/epc-qr-code.md index 29904f8fc0..f40e654f42 100644 --- a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/epc-qr-code.md +++ b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/epc-qr-code.md @@ -40,7 +40,7 @@ An EPC QR Code (European Payments Council Quick Response Code) is a two-dimensio - **Frame Options** - Gets or sets the frame for QR codes. + Gets or sets the [frame for QR codes](add-bar-codes-to-a-report.md#frames-for-qr-codes). ## Specify the Data diff --git a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/gs1-qr-code.md b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/gs1-qr-code.md index 2adcadecfc..91b553a9dd 100644 --- a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/gs1-qr-code.md +++ b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/gs1-qr-code.md @@ -43,3 +43,7 @@ In the [property grid](../../report-designer-tools/ui-panels/property-grid-tabbe * **Version** Specifies the barcode's size. + +* **Frame Options** + + Gets or sets the [frame for QR codes](add-bar-codes-to-a-report.md#frames-for-qr-codes). \ No newline at end of file diff --git a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/qr-code.md b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/qr-code.md index c900172b89..3eae8620d6 100644 --- a/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/qr-code.md +++ b/reporting-for-desktop/articles/report-designer/report-designer-for-winforms/use-report-elements/use-bar-codes/qr-code.md @@ -41,4 +41,8 @@ In the [property grid](../../report-designer-tools/ui-panels/property-grid-tabbe * **Logo** - Specifies the image that overlays the QR code. + Specifies the image that overlays the QR code. + +* **Frame Options** + + Gets or sets the [frame for QR codes](add-bar-codes-to-a-report.md#frames-for-qr-codes). diff --git a/reporting-for-desktop/images/qr-code-corner-frame.png b/reporting-for-desktop/images/qr-code-corner-frame.png new file mode 100644 index 0000000000000000000000000000000000000000..af7ff849d84943a758dc5c31c04d8db49b893160 GIT binary patch literal 1818 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