I am creating an 'about' page in my first test PowerApp, with an HTML control containing text about the app including images within the text.
I can include img src tags that point to an image hosted on an external site, however, I want to include image(s) packaged with the app.
I have tried putting an image control on the page which uses an image from the media section. I then created a text control whose 'Text' value I set to the image.
This returns :
so I put that in my HTML control eg
"This is the <b>PowerApp</b> '<i>Test</i>'<br><br>Image from external site : <br> <img src=""http://www.photos-public-domain.com/wp-content/uploads/2016/11/green-grass-and-blue-sky-landscape-60... from Media : <br><img src=""ms-appdata:///local/Resources/Assets/Images/coffee.png"">"
The external image displays ok, but there is nothing showing for the Image from Media.
I tried removing 'ms-appdata' (///local/Resources/Assets/Images/coffee.png) and that now shows me what I believe to be the default placeholder icon for 'image not found'
Clearly the HTML control is ok with displaying images via the img tag, but is there a problem pointing to images from within the app itself?
A work around would be to have multiple HTML controls, before and after an image control, but this is less flexible and harder to maintain.
Currently the available way to show the "Internal " image under PowerApps is using the image control.
There is no information mentioned under the official articles regarding how to display internal image through the HTML control:
If you would like this to be available in the future, then please consider to submit this as an idea under PowerApps idea forum:
When I attempt to access Media images and display them in an image control the "url" is stated as "appres://resources/imagename.png" or similar. Whilst this approach works when this url is called from a SharePoint Online list as 'ThisItem.imageName', to display the image in preview mode in the Windows 10 studio App and in Internet Explorer, as soon as I publish the App and access from the PowerApps mobile device (on Android) the images will not display.
More specifically here is what I'm attempting to do:
1. Display a list of 'Titles' from the SPO site to populate a gallery (this works).
2. Have the 'imageName' URL as a selectable label (sitting above the 'Title' in the gallery) which is not visible (this works).
3. Pass the name of the label (the image url appres://etc.) to the 'Image' field in an image control (OnSelect this works)
4. Have the image control change the photo based on the label selected (this works in PowerApps Studio and IE).
5. Publish App to mobile users (App works, but images do not display).
If the images imported as "media" are package with the App I don't understand how they are not being displayed when the data that is being used for gallery is on a SPO site behind permission and MFA restrictions displays correctly....
Display SharePoint Images Powered Up Style In PowerApps
Display any image stored anywhere in SharePoint Online, rendered within an app in any resolution / quality as you so desire and highly compressed in size vs. the original image actually stored in SharePoint.
Check out the on demand sessions that are available now!
Stay up tp date on the latest blogs and activities in the community News & Announcements.
Features releasing from October 2020 through March 2021
Check out the Power Platform Community Highlights