Kendo UI for jQuery Barcode Overview

The Barcode represents data in a machine-readable format.

All graphics are rendered on the client by using Scalable Vector Graphics (SVG).

Kendo UI for jQuery Kendoka image

The Barcode is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Configuration

To create a Barcode, use an HTML div element and, optionally, use CSS to set its height and width.

The following example demonstrates how to initialize the Barcode with its default configuration. Its default encoding is code39.

$(document).ready(function() {
    $("#barcode").kendoBarcode({
        value:"FOO"
    });
});

After you provide the Barcode value, select the encoding type (symbology). For more information, refer to the article on encoding. To set the color, background, and padding margin of the text, use the Barcode API.

$(document).ready(function() {
    $("#barcode").kendoBarcode({
        value:"1234567",
        type:"ean8"
    });
});

Functionality and Features

The Barcode supports a set of encoding types.

See Also

In this article