# Caption Customization

## Content



The BarCode control provides the following properties to customize the caption:

## CaptionPosition

The [CaptionPosition](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.BarCode/C1.WinUI.BarCode.C1BarCode.CaptionPosition.html) property of the **C1BarCode** class lets you specify caption's position relative to the barcode symbol. The **CaptionPosition** property calls [BarCodeCaptionPosition](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.BarCode/C1.BarCode.BarCodeCaptionPosition.html) enumeration which provides following values to specify the position of caption:

| **Values** | **Description** |
| --- | --- |
| None | It hides the caption from displaying either above or below the barcode image. |
| Above | It shows the caption above the barcode image. |
| Below | It shows the caption below the barcode image. |

The following image shows position of caption after setting the value of **CaptionPosition** property to **Above** :

![Barcode position](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/barcode_captionposition.png)

The code snippet below is used to set the position of caption on the top of the barcode symbol:

**xml**

```xml
<BarCode:C1BarCode x:Name="barCode" CaptionPosition="Above"> </BarCode:C1BarCode>
```

**csharp**

```csharp
barCode.CaptionPosition=BarCodeCaptionPosition.Above;
```

## CaptionGrouping

The [CaptionGrouping](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.BarCode/C1.WinUI.BarCode.C1BarCode.CaptionGrouping.html) property of the **C1BarCode** class lets you specify a boolean value indicating whether to add spaces between groups of characters in the caption to make long numbers easier to read. The value of **CaptionGrouping** property can be set to either **True** or **False**. When the value of the **CaptionGrouping** property is **True,** the following image with grouping in caption appears:

![Barcode Caption Grouping](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/barcode_grouping_true.png)

Now, when you set the value of the **CaptionGrouping** property to **False**, the caption under the barcode symbol gets ungrouped, as shown in the following image:

![Barcode Caption Grouping](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/barcode_grouping_false.png)

The code snippet below is used to set the grouping of caption under the barcode symbol:

**xml**

```xml
<BarCode:C1BarCode x:Name="barCode" CaptionPosition="Below" CaptionGrouping="False"> </BarCode:C1BarCode>
```

**csharp**

```csharp
barCode.CaptionGrouping=false;
```

<br />