jQuery QR Code Setup

Home >Shield UI Documentation >QR Code >JavaScript >jQuery QR Code Setup

In order to take advantage of the functionalities offered by our QR, 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 QR</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 () {
	$(function() {   
        $("#container").shieldQRcode({
            mode: "Byte",
            size: 200,
	    errorLevel: "Q",
            value: "ShieldUI QR Code"
        });  
  });
});
</script>

</body>
</html>

This approach is demonstrated in the following example.