March 26, 2024

Generate Barcodes & QR Codes in a Power App

By the end of this tutorial, you’ll be able to dynamically generate QR Codes and Barcodes in a Power App with your own custom content.

The following are PowerApps Gallery examples:
Note: Replace italicised text with your own.

Simply insert an Image Control and change the Image source from SampleImage to:

For Code 128 Barcodes in Gallery items use:
“http://bwipjs-api.metafloor.com/?bcid=code128&text=” & ThisItem.SiteID &”.png” Or

“http://bwipjs-api.metafloor.com/?bcid=code128&text=” & ThisItem.ItemNumber &”.png”

For QR Codes in Gallery items use:
“https://api.qrserver.com/v1/create-qr-code/?size=10×10&data=” & ThisItem.ItemNumber &”

For Dropdown Controls:
Again insert an Image Control and set the Image property to:
For Code 128 use
 “http://bwipjs-api.metafloor.com/?bcid=code128&text=” & SiteDD.Selected.ID &”.png”
Or
For a QR Code use
“https://api.qrserver.com/v1/create-qr-code/?size=10×10&data=” &SiteDD.Selected.ID