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

Text

configuration

Can be set to a JavaScript object which represents the text configuration.

text

Object

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
  value:"123456",
  width: 300,
  text:{
    color: "red",
    font: "20px sans-serif"
  }
});
</script>

text.color

String

The color of the text. Any valid CSS color string will work here, including hex and rgb.

Default: "black"

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

text.font

String

The font of the text.

Default: "16px Consolas, Monaco, Sans Mono, monospace, sans-serif"

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
  value:"123456",
  width: 300,
  text:{
    color: "red",
    font: "20px sans-serif"
  }
});
</script>

text.margin

Object

The margin of the text

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

text.visible

Boolean

If set to false the barcode will not display the value as a text below the barcode lines.

Default: true

<div id="barcode"></div>
<script>
$("#barcode").kendoBarcode({
  value:"123456",
  text:{
    visible: false
  },
  height: 300
});
</script>