ASP.NET QR Code Setup
Since the ShieldUI QR code for ASP.NET is a wrapper of the javascript QR component you need to include the references to the CSS and JavaScript resources in the HEAD section of your webpage:
<head > <link rel="stylesheet" type="text/css" href="css/shieldui-all.min.css" /> <script src="js/jquery-1.9.1.min.js" type="text/javascript">//</script> <script src="js/shieldui-all.min.js" type="text/javascript">//</script> </head>
The javascript resources for client side component you can find on the download page under “ShieldUI JavaScript” section.
ShieldUI QR Code for ASP.NET strives to provide a 1:1 correspondence between the client-side api of the control, and the server-side counterpart. This makes it easy to use any implementation of a given control, knowing that the APIs are similar:
//JavaScript QR demo
$("#container").shieldQRcode({
mode: "byte",
size: 150,
value: "ShieldUI QR Code text",
style: {
color: "#4EA6DD"
}
});
//ASP.NET QR demo
<shield:ShieldQRcode ID="ShieldQRcode3" runat="server" Size="150"
Value="ShieldUI QR Code text" CssClass="qrcode">
<QRcodeStyle Color="#4EA6DD" />
</shield:ShieldQRcode>
To see the configuration options in action, please refer to our online demos.
