openui5-qrcode is a SAPUI5 Custom Control that allow you to generate and easily embed QR Code inside your SAPUI5 Application

You can checkout a demo with different configuration parameter here: https://stermi.github.io/openui5-qrcode/demo/

Add the library to sap.ui5 dependencies list and configure the resourceRoots to point where you uploaded the custom library.

"sap.ui5": {
    ...
	"dependencies": {
		"minUI5Version": "1.30.0",
		"libs": {
    		...
			"it.designfuture.qrcode": {}
		}
	},
	"resourceRoots": {
		"it.designfuture.qrcode": "./thirdparty/it/designfuture/qrcode/"
	}
}

First of all add the namespace to the View

xmlns:df="it.designfuture.qrcode"

And than you can simply add the QRCode custom control

<df:QRCode
	text="OpenUI5 Rocks!"
	width="256"
	height="256"
	colorDark="#000000"
	colorLight="#ffffff"
	correctLevel="2"
/>

If you would like to extend and customize the control, you can easily do that but re-building the code with just a simple Grunt command:

npm install
grunt build

Emanuele Ricci

• Email: [email protected]
• Twitter: @StErMi

This project is licensed under the Apache 2.0 License - see the LICENSE.md file for details