borderObject
The border of the QR code.
Example
<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
value: "https://demos.telerik.com/kendo-ui/",
border: {
color: "#000000",
width: 3
}
});
</script>border.colorString
The color of the border. Accepts a valid CSS color string, including hex and rgb.
Example
<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
value: "https://demos.telerik.com/kendo-ui/dataviz/overview/index.html",
border: {
color: "#FF321C",
width: 2
}
});
</script>border.widthNumber
The width of the border in pixels. By default the border width is set to zero which means that the border will not appear.
Example
<div id="qrCode"></div>
<script>
$("#qrCode").kendoQRCode({
value: "https://demos.telerik.com/kendo-ui/dataviz/overview/index.html",
border: {
width: 5,
color: "#FF7D05"
}
});
</script>In this article