cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

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
Highlighted
Community Support
Community Support

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

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

Highlighted
Advocate V
Advocate V

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
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Community Highlights

Community Highlights

Check out the Power Platform Community Highlights

Top Solution Authors
Top Kudoed Authors
Users online (11,533)