Create Barcode With Powerapps

Create Barcode with Powerapps

Introduction

In this blog, we will see how to Generate Barcode Using canvas powerapps

Barcode with Powerapps

Created Sample Record

Login to Powerapps --> Create an Canvas App--> Connect with Dataverse(Based on your Backend)

Above shows the Gallery Record

Create a new Screen (Name: BarcodeScreen) --> Add a Button called Generate barcode

On-select of Generate Barcode --> Navigate(BarcodeScreen,ScreenTransition.Cover)

Open BarcodeScreen

Add a HTML Text by Selecting Text at the Top of the Ribbon

Navigate to the URL: https://barcode.tec-it.com/

You can see the Data and Refresh Button

Whatever data you are entering in the Data will automatically display as Barcode image

Scroll down and Copy <img> </img>(Line)

URL : 

"<img alt='Barcode Generator TEC-IT' src='https://barcode.tec-it.com/barcode.ashx?data=BARCODE&code=&multiplebarcodes=false&translate-esc=true&unit=Fit&dpi=96&imagetype=Gif&rotation=0&color=%23000000&bgcolor=%23ffffff&codepage=Default&qunit=Mm&quiet=0&hidehrt=False' width=400; height=300/>"

Now to populate values dynamically from the Main Gallery(Step 1)

Replace URL (BARCODE) like below

"<img alt='Barcode Generator TEC-IT' src='https://barcode.tec-it.com/barcode.ashx?data="&mainGallery.Selected.'Barcode ID'&"&code=&multiplebarcodes=false&translate-esc=true&unit=Fit&dpi=96&imagetype=Gif&rotation=0&color=%23000000&bgcolor=%23ffffff&codepage=Default&qunit=Mm&quiet=0&hidehrt=False' width=400; height=300/>"

That’s it.

You can see the generated Barcode.

github link for your reference