cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
WinIOSAndroid
Level: Powered On

Is it possible to display app internal image in an HTML control?

 

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 :

ms-appdata:///local/Resources/Assets/Images/coffee.png

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.

Thanks.

3 REPLIES 3
Community Support Team
Community Support Team

Re: Is it possible to display app internal image in an HTML control?

Hi @WinIOSAndroid,

 

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:

Add an image, a video, or a sound

If you would like this to be available in the future, then please consider to submit this as an idea under PowerApps idea forum:

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

Regards

Community Support Team _ Michael Shao
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Justin_Reading
Level: Powered On

Re: Is it possible to display app internal image in an HTML control?

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....

 

Any advice??

Re: Is it possible to display app internal image in an HTML control?

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.

 

Mobile Video Demo
Desktop Video Demo

Helpful resources

Announcements
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors (Last 30 Days)
Users online (6,164)