Update data-matrix and databar

Author: epolevikov

interface-elements-for-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-data-matrix.md

@@ -2,14 +2,27 @@
 title: GS1- Data Matrix
 author: Anna Vekhina
 ---
-# GS1- Data Matrix
+# GS1 - Data Matrix
 
 The **GS1 Data Matrix** uses a special start combination to differentiate the **GS1 DataMatrix** symbol from other **Data Matrix ECC 200** symbols. This is achieved by using the **Function 1 Symbol Character** (**FNC1**) in the first position of the encoded data. It enables scanners to process the information according to the **GS1 System Rules**.
 
 ![](../../../../images/eurd-web-bar-code-gs1-datamatrix.png)
 
-The following properties are specific to the **GS1 DataMatrix** type and available in the [Properties](../../report-designer-tools/ui-panels/properties-panel.md) panel under the **Symbology** property:
+## Add the Bar Code to a Report
 
+1. Drag the **Bar Code** item from the report controls toolbox tab and drop it onto the report. 
+
+    ![](../../../../images/eurd-web-add-bar-code-to-report.png)
+
+2. Set the control’s **Symbology** property to **DataMatrixGS1**. 
+
+    ![](../../../../images/data-matrix-gs1-in-designer.png)
+
+3. Specify [common](add-bar-codes-to-a-report.md) barcode properties and properties [specific](#specific-properties) to **GS1 Data Matrix**.
+
+## Specific Properties
+
+In the [property grid](../../report-designer-tools/ui-panels/properties-panel.md), expand the **Symbology** list and specify the following properties specific to **GS1 Data Matrix**:
 
 * **FNC1 Functional Character**
 

interface-elements-for-web/articles/report-designer/use-report-elements/use-bar-codes/gs1-databar.md

@@ -12,7 +12,21 @@ These bar codes can encode up to **14** digits, which makes them suitable for **
 
 ![](../../../../images/eurd-web-bar-code-gs1-databar.png)
 
-The following properties are specific to the **GS1 DataBar** type and available in the [Properties](../../report-designer-tools/ui-panels/properties-panel.md) panel under the **Symbology** property:
+## Add the Bar Code to a Report
+
+1. Drag the **Bar Code** item from the report controls toolbox tab and drop it onto the report. 
+
+    ![](../../../../images/eurd-web-add-bar-code-to-report.png)
+
+2. Set the control’s **Symbology** property to **DataBar**. 
+
+    ![](../../../../images/data-bar-in-designer.png)
+
+3. Specify [common](add-bar-codes-to-a-report.md) barcode properties and properties [specific](#specific-properties) to **Data Bar**.
+
+## Specific Properties
+
+In the [property grid](../../report-designer-tools/ui-panels/properties-panel.md), expand the **Symbology** list and specify the following properties specific to **Data Bar**:
 
 * **FNC1 Functional Character**