ASP.NET Core Barcode Overview

The Barcode TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI Barcode widget. To add the component to your ASP.NET Core app, you can use either.

The Barcode represents data in a machine-readable format.

To see the component in action, check the examples:

• Demo page for the Barcode HtmlHelper

• Demo page for the Barcode TagHelper

Initializing the Barcode

The following example demonstrates how to define the Barcode.

Razor

    @(Html.Kendo().Barcode()
      .Name("barcode")

Razor

    <kendo-barcode name="barcode"></kendo-barcode>

Basic Configuration

To configure the Barcode, pass the configuration options as attributes:

• The name of the Barcode is mandatory. It specifies the "id" attribute of the widget.

• You can select the appropriate encoding (symbology) from the available options. Specify it by passing an enum value to the encoding method.

Razor

    @(Html.Kendo().Barcode()
    .Name("barcode")
    .Value("10110110")
    .Encoding(BarcodeSymbology.Code128)
    .Width(200)
    .Height(100)
    .Border(border => border.Color("red").Width(2)))
)

Razor

    <kendo-barcode name="barcode" value="10110110" type="BarcodeSymbology.Code128" width="200" height="100">
        <border color="red" width="2"/>
    </kendo-barcode>

Functionality and Features

The Barcode supports a set of encoding types

Next Steps

• Getting Started with the Barcode
• Basic Usage of the Barcode for ASP.NET Core (Demo)

See Also

• Basic Usage of the Barcode component for ASP.NET Core (Demo)
• Using the API of the Barcode component for ASP.NET Core (Demo)
• Server-Side API