Basic usage

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Kendo UI Dojo
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

index.php

Also available for:

$(document).ready(function () { $("#manchego").kendoBarcode({ value: "2346722", type: "ean8", width: 280, height: 100 }); $("#mascarpone").kendoBarcode({ value: "Mascarpone", type: "code128", width: 280, height: 100 }); $("#gudbrands").kendoBarcode({ value: "CHEESE", type: "code39", width: 280, height: 100 }); }); #dairy { margin: 0; padding: 30px 0; list-style-type: none; } #dairy li { display: inline-block; padding: 10px; margin: 6px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } #dairy li span, #dairy li img { margin: 0; padding: 0; } #dairy li img { margin: 40px; }

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

Download Free Trial

Support & Learning Resources

Was this demo helpful?

YES NO

Tell us how we can improve this demo

Submit Skip