Answered

Send Email With HTML Table With Images and Formatting

Like (0) Share

Report

Posted on 11 Nov 2020 15:25:14 by flipside82

I am trying to send an email with an HTML Table that includes an image and text. I would like to style the table to include the image first and then a heading, then text, then a hyperlink, then more text. Basically, how do I get this

into a HTML table for each item that gets added? This work great if I'm sending just 1 item, but I need to send more than 1 item in an email from SharePoint. I have it working where it Get Items filtered based on my criteria, but I can't figure out how to do this HTML formatting in the table. I hope that makes sense.

All responses (5)

Answers (1)

Community Power Pla... on 18 May 2023 at 13:39:47

Like (0)

Report

Re: how to send an email of a collection as a html table with image and preview it in email using power app and power automate?

I want to preview the image like this, but it previews only the link like the next screenshot.
So, I need help to preview the images. My flow Screenshot is also attached.
Community Power Pla... on 17 Aug 2021 at 14:49:11

Like (0)

Report

Re: Send Email With HTML Table With Images and Formatting

Thank you! This helped me with the issue I was facing.
Verified answer

Amanthaper 441 on 11 Nov 2020 at 23:00:39

Like (1)

Report
Re: Send Email With HTML Table With Images and Formatting

You want this structure
using this sample HTML (pretty basic)

<html> <head> <style> table, th, td { border: 1px solid #E5E7E9; border-collapse: collapse; } </style> </head> <body> <table> <tr><td rowspan="5"><img src="https://www.w3schools.com/images/w3schools_green.jpg" width="125" height="125"></td></tr> <tr><td>Page Title 1</td></tr> <tr><td>Page Description 1</td></tr> <tr><td>Read More here: <a href="https://www.google.com/">link to Page Title 1</a></td></tr> <tr><td>Bugs Bunny</td></tr> </table> </body> </html>

The trick is dynamically creating the code from <table> to </table> by looping through the SharePoint list and picking up the list column values and assigning them to the correct HTML table element.
Here's my example using your scenario.
Source:
Flow
Results
All I'm doing is using an apply to each action on the SP list and putting the correct list values in the Append to
HTMLTable action. The Append to HTMLTable 2 (optional) gracefully closes the HTML.
Let me know if you run into any issues or need help.
Here for HTML table tips: https://www.w3schools.com/html/html_tables.asp

Cheers,
Aman
------------------------------------------------------------------------------------------------------
If my post helps you with your problem or answers your question, please mark it Solved or Answered. This helps anyone with similar challenges. If you like my response, please give it a Thumbs Up.
------------------------------------------------------------------------------------------------------
flipside82 4 on 11 Nov 2020 at 20:24:55

Like (0)

Report

Re: Send Email With HTML Table With Images and Formatting

Thank you for the reply. I thought it might be a bit confusing. Here is what I'm looking to achieve. Thanks again.
Amanthaper 441 on 11 Nov 2020 at 20:07:34

Like (0)

Report

Re: Send Email With HTML Table With Images and Formatting

Hi @flipside82
What you want to do is pretty easy but your request is a little confusing. You say "image first and then a heading, then text, then a hyperlink, then more text" but the image does not reflect that format. Can you please rearrange the components into a rough draft of your desired table layout and we'll take it from there. We'll make it dynamic also.