Picture in HTML Text

(1) Share

Report

Posted on by Scobie

122

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

Categories:

Building Power Apps

All responses (21)

Answers (1)

Sort by

Verified answer

v-micsh-msft Microsoft Employee on at

Like
a
(6)

Report
Copy link

Link copied!
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 122 on at

Like
a
(7)

Report
Copy link

Link copied!

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 4 on at

Like
a
(1)

Report
Copy link

Link copied!

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 88 on at

Like
a
(2)

Report
Copy link

Link copied!

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 91 on at

Like
a
(2)

Report
Copy link

Link copied!

Hi Guys

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

Like
a
(4)

Report
Copy link

Link copied!

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 11 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi bro!
Can you set that image to background

Sorry my english not well
felipito1 97 on at

Like
a
(1)

Report
Copy link

Link copied!

Here is how to add pictures on HTML control

https://www.youtube.com/watch?v=6xTeHbieh3w
felipito1 97 on at

Like
a
(1)

Report
Copy link

Link copied!

Could you finally set it as background?
Reigningfear 139 on at

Like
a
(1)

Report
Copy link

Link copied!

I had similar questions to everyone here. In my case, I wanted to reference assets that I uploaded to PowerApps within an HTML text box for purposes of making a tutorial. I started to dig around in the 'sources' tab of the dev tools in MS Edge and found and "Asset/Images" folder. That area was where I saw all of my media images.
Right clicking any of these will provide an option to copy the link. That link appears to be the src needed to display the asset in html text. I've tested this in studio and live and it is showing properly.

Hope this is helpful.