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

[Reigningfear]

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. 

[akmalakmal]

You can create shape inside HtmlText with code-like-CSS.  linear-gradient and radial-gradient works in HtmlText inside Canvas. 

Is there a way to make conic-gradient work in HtmlText?

[___Harsh_Mishra]

Hi ,

I am still learning about power apps I wanted to ask that from where did you converted the file into 64base, I am not able to insert the link in the HTML text . A help would be appreciable.

"Show your <b><font color=blue>HTML</font></b> text here.
<img src=""https://imgur.com/a/2LndTIu""
alt=""Testing"">"

Thanks & Regard  

Harsh Mishra

[kellydseale]

" <div style='border-radius: 10px; box-shadow: 1px 8px 6px -8px #a4a4a4, 6px 8px 6px -8px #a4a4a4; transition: 0.3s; background-color: efefef; height: " & Self.Height - 40 & "px; padding: 10px; margin: 5px; background: url(https://bodyactiongym.s3.af-south-1.amazonaws.com/public/blogs/a094K000002nRpIQAU/featured-image/Body%20Action%20Gym%20-%20Blog%20-%20Diversifying%20Your%20Cardio%20Workout.jpg); background-size: cover;'>
    &nbsp;
</div>"

This is a way to use HTMLText and have a shadow, text, padding, and a background image. Hope it helps someone else.

[Rajeeb701]

Hi @kellydseale, 

If i want same HTML UI in mail, then what to do ?

[kellydseale]

Hi @Rajeeb701 

I'm not sure I understand the question. If you wish to create and send an email, there are many ways to do so. If you are using the Power Suite, Power Automate has been the best way for me in the past. Create and initialize a variable with full HTML of an email you wish to send. Images can be put in just like any other HTML creation. (Outlook shows HTML-based emails very uniquely, so read up on the special rules for Outlook.) Then send.

So an image in the email could be a logo (just <img src....>) or it can be background image like <div style=background-image or whatever.

[DTtechies]

Hi 

i have same Question,

but i want to display image from canvas app media, can you please help me.

Thanks

[barbod]

I know this too late, however for others in the future this might help.

Insert an Image control (Image1) and assign an image to it.

Create a variable as followed (In Startup or on Visible of your screen):  

Set(
   varMyIcon,
   JSON(
      Image1.Image,
      JSONFormat.IncludeBinaryData
   )
);

Now in your HTMLText property of your html Control enter the following:

"This is my image <img width=20 src=" & varMyIcon & ">"