Add a Base64 image to a Compose HTML

(0) Share

Report

Posted on by Australia

387

Hi PA veterans,

How can I add an image to the Compose action similar to the second image in this post below?

Solved: Issue with Compose action when converting html to ... - Power Platform Community (microsoft.com)

I'd like to have a company logo to be located to the top left of my HTML table in the Compose.

i.e. Compose:

Logo image Table Title

For your reference, I use this website to convert the logo image to Base 64:

Convert Image to Base64 Online | Base64Encoder

Thanks everyone!

Categories:

Building flows

I have the same question (0)

All responses (4)

Answers (0)

RobElliott 10,323 Super User 2025 Season 2 on at

Like (1)

Report

@Australia we always add our company logo to emails that go out internally to staff as well as externally. You can add a Get file content using path action (or Get file content) to select the image then reference that with a dataUri expression. You need to select the </> code view and add html tags in the email body:

Rob
Los Gallardos
If I've answered your question or solved your problem, please mark this question as answered. This helps others who have the same question find a solution quickly via the forum search. If you liked my response, please consider giving it a thumbs up. Thanks.

Was this reply helpful? Yes No
Australia 387 on at

Like (0)

Report

Many thanks for the reply @RobElliott .
Sorry I didn't make it clear. Am I able to display the logo in a PDF file? i.e. Compose > OneDrive create HTML > OneDrive convert PDF

Was this reply helpful? Yes No
RobElliott 10,323 Super User 2025 Season 2 on at

Like (1)

Report

@Australia yes, just add the html code into a create file action with .html as the extension of the filename and use the convert file action:

Rob
Los Gallardos
If I've answered your question or solved your problem, please mark this question as answered. This helps others who have the same question find a solution quickly via the forum search. If you liked my response, please consider giving it a thumbs up. Thanks.

Was this reply helpful? Yes No
Australia 387 on at

Like (0)

Report

@RobElliott Much appreciate Rob. It works beautifully! You are a legend.

 
<img src="@{dataUri(body('Get_file_content_using_path'))}" width="100px"></img>2022 NEW FORM 
@{outputs('Compose_2_CSS_Styling')}

Just one last thing if you don't mind, how can I position the title of the document to the right of the logo?
I want it to look like this if possible:

Thanks again.

Was this reply helpful? Yes No