New to Kendo UI for jQuery? Start a free 30-day trial

Padding

configuration

The padding of the barcode.

padding

Object

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
  value:"123456",
  width: 300,
  padding: {
    top: 20,
    left: 5,
    right: 5,
    bottom: 5
  }
});
</script>

padding.bottom

Number

The bottom padding of the barcode.

Default: 0

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    padding: {
        bottom: 20
    }
});
</script>

padding.left

Number

The left padding of the barcode.

Default: 0

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    padding: {
        left: 15
    }
});
</script>

padding.right

Number

The right padding of the barcode.

Default: 0

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    padding: {
        right: 25
    }
});
</script>

padding.top

Number

The top padding of the barcode.

Default: 0

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
    width: 300,
    value: "123456",
    padding: {
        top: 30
    }
});
</script>