QRCode TagHelper Overview

The Telerik UI QRCode TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI QRCode widget.

The QRCode generates Canvas and Scalable Vector Graphics (SVG) images that represent Quick Response (QR) codes.

QR codes take a piece of information from a transitory media, place it into the cell phone, and enable the cell phone to quickly read these generated images. All graphics are rendered on the client by using Canvas or SVG.

Initializing the QRCode

The following example demonstrates how to define the QRCode by using the QRCode TagHelper.

<kendo-qrcode name="qrcode"></kendo-qrcode>

Basic Configuration

The QRCode TagHelper configuration options are passed as attributes of the tag.

    <kendo-qrcode name="qrUrl" value="https://docs.telerik.com/aspnet-core/introduction" error-correction="QRErrorCorrectionLevel.M size=" 150">
        <border color="#AA11AA" width="2" />
    </kendo-qrcode>
    Html.Kendo().QRCode()
        .Name("qrUrl")
        .Value("https://docs.telerik.com/aspnet-core/introduction")
        .ErrorCorrection(QRErrorCorrectionLevel.M)
        .Size(150)
        .Border(border => border.Color("#AA11AA").Width(2))
    )
)

See Also

In this article
Not finding the help you need? Improve this article