Barcode

Example

<kendo-barcode>
    <barcode-text></barcode-text>
    <border />
    <padding />
</kendo-barcode>

ChildTags

Tag Name Details
barcode-text BarcodeTextSettingsTagHelper
border BarcodeBorderSettingsTagHelper
padding BarcodePaddingSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
background String The background of the barcode area. Any valid CSS color string will work here, including hex and rgb.
checksum Boolean If set to true, the Barcode will display the checksum digit next to the value in the text area.
color String The color of the bar elements. Any valid CSS color string will work here, including hex and rgb.
height Double The height of the barcode in pixels. By default the height is 100.
render-as RenderingMode Sets the preferred rendering engine. If it is not supported by the browser, the Barcode will switch to the first available mode.The supported values are: "canvas" - renders the widget as a Canvas element, if available. or "svg" - renders the widget as inline SVG document, if available.
script-attributes IDictionary<String,Object>
type BarcodeSymbology The symbology (encoding) the barcode will use.The supported values are: EAN8; EAN13; UPCE; UPCA; Code11; Code39; Code39Extended; Code93; Code93Extended; Code128; Code128A; Code128B; Code128C; GS1-128; MSImod10; MSImod11; MSImod1010; MSImod1110 or POSTNET.
value String The initial value of the Barcode
width Double The width of the barcode in pixels. By default the width is 300.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module Boolean
has-client-component Boolean
sanitize-id Boolean
In this article
Not finding the help you need?