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 0282fd182..df7fdafd2 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 e229ea15b..78ce6d31f 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 29904f8fc..f40e654f4 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 2adcadecf..91b553a9d 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 c900172b8..3eae8620d 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 000000000..af7ff849d Binary files /dev/null and b/reporting-for-desktop/images/qr-code-corner-frame.png differ diff --git a/reporting-for-desktop/images/qr-code-rectangle-frame.png b/reporting-for-desktop/images/qr-code-rectangle-frame.png new file mode 100644 index 000000000..8a94c46cc Binary files /dev/null and b/reporting-for-desktop/images/qr-code-rectangle-frame.png differ diff --git a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md index 276c4ea98..7a848afe9 100644 --- a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md +++ b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/add-bar-codes-to-a-report.md @@ -33,6 +33,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 **Text** property's ellipsis button in the [Expressions](../../report-designer-tools/ui-panels/expressions-panel.md) panel. The invoked [Expression Editor](../../report-designer-tools/expression-editor.md) allows you to select a data field or construct a complex binding expression with two or more data fields. diff --git a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md index 2e38b2158..7217f1fc4 100644 --- a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md +++ b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/bar-code-recognition-specifics.md @@ -28,6 +28,12 @@ At present, only [export to PDF](../../../document-viewer/exporting/pdf-specific For [XLSX](../../../document-viewer/exporting/xlsx-specific-export-options.md) and [XLS](../../../document-viewer/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-web/articles/report-designer/use-report-elements/use-bar-codes/epc-qr-code.md b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/epc-qr-code.md index 6d2478944..b88f68a47 100644 --- a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/epc-qr-code.md +++ b/reporting-for-web/articles/report-designer/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-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-qr-code.md b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-qr-code.md index e5c575886..15af54f82 100644 --- a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-qr-code.md +++ b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-qr-code.md @@ -16,7 +16,7 @@ author: Polina Tyureva 2. Set the control’s **Symbology** property to **QR Code GS1**. - ![](../../../../images/barcode-gs1-qr-code.png) + ![](../../../../images/gs1-qr-code-web-report-designer.png) 3. Specify [common](add-bar-codes-to-a-report.md) barcode properties and properties [specific](#specific-properties) to **GS1 QR Code**. @@ -43,4 +43,8 @@ In the [property grid](../../report-designer-tools/ui-panels/properties-panel.md * **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-web/articles/report-designer/use-report-elements/use-bar-codes/qr-code.md b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/qr-code.md index 2095f4fc0..8c758a2b3 100644 --- a/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/qr-code.md +++ b/reporting-for-web/articles/report-designer/use-report-elements/use-bar-codes/qr-code.md @@ -40,3 +40,6 @@ In the [property grid](../../report-designer-tools/ui-panels/properties-panel.md 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-web/images/qr-code-corner-frame.png b/reporting-for-web/images/qr-code-corner-frame.png new file mode 100644 index 000000000..af7ff849d Binary files /dev/null and b/reporting-for-web/images/qr-code-corner-frame.png differ diff --git a/reporting-for-web/images/qr-code-rectangle-frame.png b/reporting-for-web/images/qr-code-rectangle-frame.png new file mode 100644 index 000000000..8a94c46cc Binary files /dev/null and b/reporting-for-web/images/qr-code-rectangle-frame.png differ