Unanswered

Images in canvas apps

(0) Share

Report

Posted on by IanCinnamon

I have a canvas power app that is displaying images on in a gallery. The images are dynamic and can change periodically. The first way I set up the image flow was using a sharepoint library and building a collection of the library on start. I noticed that the the images were just urls of the image in the sharepoint library. This became an issue because sometimes the image would suddenly stop displaying in the application (there one second and gone the next - not buttons pushed or anything). Eventually the image would come back, but it was finnicky and not certain to work. Noting that a majority of the time it worked, but sometimes it didn't. So I decided, while not efficient, to upload the images as media files and reference them there. In doing so I found you cannot lookup media files and display them appropriately in a gallery. This seems like a very huge hole in the powerapps design. I thought maybe I could create a concatenated string to return the image via the image control (setting the image to the value of the media with "value" & ThisItem.Name - or something like this). That didn't work. Setting the image to "appres://resources/" & ThisItem.Name worked though. Except it only worked in the development studio. As soon as I published, it didn't work again and all the spots in my gallery were blank. Lastly, even when I had it working the development studio, there wasn't a way to say IsBlank() then use Icon.Person. All around I was severally disappointed in the functionality of images and how to use them in powerapps. Any help or ideas are appreciated.

Categories:

Building Power Apps

I have the same question (0)

All responses (2)

Answers (0)

Sort by

Michael E. Gernaey 53,963 Moderator on at

Like (0)

Report
Copy link

Link copied!
@IanCinnamon

Let me make a suggestion, for how to use added images and then an image control in a Gallery.

Let's say you added 10 images to your app. (ok my example has 2) lol
In my App.OnStart, I would create a Collection, with the name of the Images.
For the Collection, Picture is the Name of the image without the extension as that is how its accessed at run-time, where as you want to filter by name

ClearCollect(Pictures, { Picture: MyImage, Name: "Image1.jpg" }, { Picture: MyImage2, Name: "Image2.gif" } )

Now in your image control in your Gallery Item, I would suspect you have the image name there
So in its Image property I would say

LookUp(Pictures, Name = ThisItem.ImageName).PIcture

and voila your images are there.

If I have helped you, I would really appreciate if you please Mark my answer as Resolved/Answered, and give it a thumbs up, so it can help others

Cheers

Thank You
Michael Gernaey MCT | MCSE | MCP | Self-Contractor| Ex-Microsoft
https://gernaeysoftware.com
LinkedIn: https://www.linkedin.com/in/michaelgernaey

Was this reply helpful? Yes No
IanCinnamon 2 on at

Like (0)

Report
Copy link

Link copied!

Mike,

The requirements for this application are to be automated. While I know that uploading the image to the media portion of the application and then publishing aren't fulfilling that requirement, I was more illustrating that media files should be referenceable without building your own reference table. In my case, I have 300 images, plus or minus a few every other week. I suspect that it would work to build a reference table as a list and clearcollect(referenceList) on start, but I think powerapps will not recognize the column as anything more than a string. Therefore, I would have to add the image and then append the collection reference each time a new image is needed. I'm thinking maybe the images in sharepoint are too large and need to be sized down to avoid the rendering issue I am currently seeing in the connection. Thank you for your input.

Was this reply helpful? Yes No