Picture in HTML Text

[Scobie]

Hey Guys,

Is there anyway to put a picture in a HTML Text control?

Also Is there anything else interesting about the HTML Text control anyone would like to mention?

Thanks,

Scobie

[v-micsh-msft · Accepted solution]

Hi @Scobie,

Yes, there is a way to add image into HTML Text control, it supports the <img> tag together with the image URL.

For example:

Under the HTMLText property of the control, enter the following:

"Show your <b><font color=blue>HTML</font></b> text here.
<img src=""https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTf8peeAQ8Jbw4lowjdYM9OYVJFJr8EwgGNTsJ6BtbqPdNHWz2m""
alt=""Testing"" width=""500"" height=""100"">"

Which would give you the following result:

For more information about the HTMLText control, see:

HTML Text control in PowerApps

Regards,

Michael

[Scobie]

Hey @v-micsh-msft,

Thanks that is great to know.

Is there a way to upload a picture into media in PowerApps and use that image in the HTML text?

Or does it have to be a Image url?

Also can this be used with an Image in Sharepoint?

Thanks,

Scobie

[reddd]

Hi, 

I have the same question. 

If you have a sharepoint library with images as a source data in your powerapp. Can you get the URL from the 'link to item' field and added in the Html Text??

Could this be done to add all the images in the sharepoint library in the Html text box?

Many thanks

[SnowFlake]

Hi Guys 

I have the same questions as the above, is it possible to reference in-app Images or Media, 

Scenario, Client Signs off on powerapp, HTML Text control makes a nice document with said signatures embedded. 

Or
Scenario 2, Client Signs off on powerapp, Flow takes signature to SharePoint. Can I reference that signature.jpg back into the powerapp to build said form? 

I'm only asking if the above is possible. 

Please and thank you guys.

[AveDog08]

Hi Guys 

I have the same questions as the above, I've been struggling with this issue from almost a year now.

[SnowFlake]

Hi @AveDog08 

I did a workaround where I convert my images into a base64 format then put them in the <img src='data&colon;image/png;base64,[base64data]'>

they will not show on the app but when you send it in an email or convert to pdf it will be there. this does mess with your HTML format as the string of base64 is so long it pushes around your columns however it is just visual on the email or pdf it comes through perfectly. 

In my scenario, the customer wanted to see a preview of the PDF. thus I made two HTML controls and referenced image URLs as a source in one control and put the base64 images in the other hidden HTML control. on the button selected, the user would send the HTML base64 Control and not the one they were actually seeing. 

I used Flow to fetch the signatures from email and convert them to base64 then write them to SharePoint. I then used collections to fetch the data I needed and populated the HTML file with the client signature. 

I hope this helps man 

good luck

[SenVQuy]

Hi bro!
Can you set that image to background

Sorry my english not well

[felipito1]

Here is how to add pictures on HTML control

https://www.youtube.com/watch?v=6xTeHbieh3w

[felipito1]

Could you finally set it as background?