Power apps not showing barcode image from lists

[PowerMW]

Hello,

I have an inventory list on microsoft lists with a barcode column.  The barcodes shows up as both image and number in Lists fine. I can click it and it previews in the browser as an image.  However, I can't get that barcode image to show up in Power Apps. The image field in Power App allows me to set the Barcode column from Lists but it won't show the image.   

The barcodes were auto-generated using Lists.  I am using Gallery in Power Apps.  

Any solutions? I'm trying to make printable labels from the inventory list using the Power App.  Thanks

[LaurensM]

Hi @PowerMW,

Unfortunately I was unable to test this further on my end, but the resources below might be of help. The YouTube link shows a way in which you can display the barcode image by using the SP image URL as the input. The second link makes use of barcode APIs in which you can provide the barcode value and you receive the barcode image in return.

• Display SP barcode Image (YouTube) 
• Barcode API blogpost 

If this solves your question, would you be so kind as to accept it as a solution.

Thanks!

[JohnM86]

In order to display the barcode image, you can use the Image control in Power Apps and set the Image property to the URL of the barcode image.

To do this, you will first need to retrieve the URL of the barcode image from the barcode column in your Microsoft Lists inventory. You can do this by using the LookUp function to find the row in your list that corresponds to the current item in your gallery, and then using the ThisItem function to retrieve the value of the barcode column for that row.

Once you have the URL of the barcode image, you can set the Image property of your Image control to that URL. Make sure to set the Image property to the result of the Concat function, which combines the URL with the image file extension (.png, .jpg, etc.) to create a valid image URL.

Here is an example formula you can use for the Image property of your Image control:

Image = Concat(ThisItem.'Barcode'.Url, "?RenditionID=1")

In this example, 'Barcode' is the name of your barcode column in Microsoft Lists. The Url property retrieves the URL of the barcode image, and the ?RenditionID=1 parameter ensures that the image is rendered in its original size.

Make sure to replace 'Barcode' with the actual name of your barcode column, and adjust the parameter values as needed to match your specific scenario.

I hope this helps you display your barcode images in Power Apps!

[WarrenBelz]

@PowerMW ,

My testing reveals the same as @LaurensM 

@JohnM86 - a Barcode does not have a .url property and Concat() produces a table, not a string.

[PowerMW]

@LaurensM @WarrenBelz @JohnM86 Thanks for your comments.  The youtube link @LaurensM provided seems like the closest thing I could follow to get it to work.  However, I am unsure of what to change the code to in my use case to get the result he has.  He seems to be pulling the barcode image from lists and then from a form in power apps called "DataTable3".  In my scenario, I am wanting to pull the barcode image directly from a Lists column called Barcodes. Which seems possible using the technique in the video.  Any suggestions on what I would change this portion of the code to? 

"https://statelibraryqld.sharepoint.com/teams/AppliedCreativityTeam/_layouts/15/barcodeimagefromitem...."&DataTable3.Selected.ID&"&list=59f903cc-2cdc-4178-b9d7-8238be2f2d0c"

[LaurensM]

Hi @PowerMW,

You will have to reference the SP list record's ID field of which you want to display the barcode image, within the YouTube video the users wants to view the barcode image of the selected item from the Data Table control.

Looking at your screenshot, you are using a horizontal gallery - meaning ThisItem.ID  (instead of DataTable3.Selected.ID) should do the trick. 😊

I hope this helps!

[PowerMW]

Thanks @LaurensM 

I tried these two but to no avail.  Any suggestions? 

"https://statelibraryqld.sharepoint.com/teams/AppliedCreativityTeam/_layouts/15/barcodeimagefromitem...."&Barcode.Thisitem.ID&"&list=59f903cc-2cdc-4178-b9d7-8238be2f2d0c"

"https://statelibraryqld.sharepoint.com/teams/AppliedCreativityTeam/_layouts/15/barcodeimagefromitem...."&Thisitem.ID&"&list=59f903cc-2cdc-4178-b9d7-8238be2f2d0c"

[LaurensM · Accepted solution]

@PowerMW,

• Make sure that the first part of your link ends in ID= (similar to the video)
• The dynamic code between both URLs parts would be &ThisItem.ID& which returns the ID of the record(s) in that gallery
  • Barcode. is not needed
  • ThisItem has a capital T and I

I hope this helps!

[Akash17]

Hi, 

I am also following similar approach but this approach works for me only when if any sharepoint instances open in the tab but then barcode shows but when i open my app in incognito mode where no sharepoint instances are open then I am not getting any barcode image displayed

Plz help if you have any solution 

[Akash17]

Hello @WarrenBelz

Hi, 

I am also following similar approach shown in video but this approach works for me only when if any sharepoint instances open in the tab/browser then barcode shows but when i open my app in incognito mode where no sharepoint instances are open then I am not getting any barcode image displayed

Please help on priority