web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / Send Email With HTML T...
Power Automate
Unanswered

Send Email With HTML Table With Images and Formatting

(0) ShareShare
ReportReport
Posted on by 4

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 

flipside82_0-1605108151147.png

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.

Categories:
I have the same question (0)
  • Amanthaper Profile Picture
    441 on at

    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.

     

  • flipside82 Profile Picture
    4 on at

    Thank you for the reply. I thought it might be a bit confusing. Here is what I'm looking to achieve. Thanks again.

     

    flipside82_0-1605126274139.png

     

  • Verified answer
    Amanthaper Profile Picture
    441 on at

    You want this structure

    PAUG_11112020_emailtable1.png

    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:

    PAUG_11112020_emailtable3.png

    Flow

    PAUG_11112020_emailtable2.png

    Results

    PAUG_11112020_emailtable4.png

    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.
    ------------------------------------------------------------------------------------------------------

  • Community Power Platform Member Profile Picture
    on at

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

  • Community Power Platform Member Profile Picture
    on at

    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.

    Want to preview the image like this.JPG

     

    My.JPG

     

    My Flow-1.JPG

     

    flow2.JPG

     

    flow - 3.JPG

     

    flow - 4.JPG

     

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 522 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 364 Moderator

#3
abm abm Profile Picture

abm abm 243 Most Valuable Professional

Last 30 days Overall leaderboard