ASP.NET Core QRCode Setup

Shield UI QR Code for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript QR Code widget configuration, so you only have to get familiar with a single set of configuration options:

//JavaScript QR demo
$("#documentation").shieldQRcode({
    mode: "byte",
    size: 150,
    value: "ShieldUI QR Code",
    style: {
        color: "#4EA6DD"
    }
});

//ASP.NET Core QR demo
@(Html.ShieldQRcode()
    .Name("documentation")
    .HtmlAttribute("class", "qrcode")
    .Mode(Shield.Mvc.UI.QRcode.EncodingMode.Byte)
    .Size(150)
    .Value("ShieldUI QR Code")
    .Style(style => style.Color("#4EA6DD")))

To see the configuration options in action, please refer to our online demos.