ASP.NET QR Code Setup

Home >Shield UI Documentation >QR Code >ASP.NET >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.