jQuery Barcode Setup

Home >Shield UI Documentation >Barcode >JavaScript >jQuery Barcode Setup

In order to take advantage of the functionalities offered by barcode components, you will need to:
1. Include references to all required scripts.
2. Add the control declaration along with the desired properties.

<!DOCTYPE html>
<html>
<head>
<title>Shield Barcode</title>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js" type="text/javascript">//</script>
<script src="js/shieldui-all.min.js" type="text/javascript">//</script>
</head>
<body>

<div id="container" style="width:200px; height:100px;"></div>

<script type="text/javascript">
$(document).ready(function () {
	$("#container").shieldBarcode({
	    type: "UPC-A",
	    value: "12345678901",
		width: 250,
		height: 100,		
	    text: {
	        enabled: true,
	        checksum: true
	    }
	});
});
</script>

</body>
</html>

This approach is demonstrated in the following example.

The supported barcode types are:
"CODABAR",
"CODE-11",
"CODE-39",
"CODE-93",
"CODE-128",
"CODE-128-A",
"CODE-128-B",
"CODE-128-C",
"CODE-25-STANDARD",
"CODE-25-INTERLEAVED",
"EAN-8",
"EAN-13",
"UPC-A",
"UPC-E",
"MSI-10",
"MSI-10-10",
"MSI-11",
"MSI-11-10",
"POSTNET";