cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
CBroeker
Level: Powered On

User Selected Images into HTML Email Template that display in the email body

Hi all! I re-created the Shoutout Application the better fit the needs of my organization. I am basically done with all of the reformating but am stuck on carrying selected images from a gallery and/or collection into the html template I am using for the e-mail being sent out. I have tried old school methods, dynamic content and keep getting stuck. I prefer to pull directly from the user selction of images and not host them in another site. Any ideas? Sharing the onstart and onselect below. I am a newbie to powerapps and have only been working with the system for a few months. 

 

ClearCollect(Templates,{Template: "Email", Value:
"<html>

<head>
<meta http-equiv=""Content-Type"" content=""text/html; charset=us-ascii"">
<meta http-equiv=""Cache-Control"" content=""no-siteapp"">
<meta name=""viewport"" content=""width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"">
<style type=""style/css""> p,
table, table td {border-collapse: collapse;}
</style>
<link href=""http://fonts.font.im/css?family=Open&#43;Sans:400,400italic,700"" rel=""stylesheet"" type=""text/css"">
</head>

<body>
<table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""640"" style=""background:rgb(9,33,98);"">
<tr>

<td width=""547"" height=""80"" style='font-family: ""Open Sans"", sans-serif;color:white;font-weight: bold;text-align: Center;font-size:24px;mso-fareast-font-family:""Open Sans"";border-collapse: collapse;'>CPWS Shoutouts!</td>
</tr>
</table>
<table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""640"">
<tr>
<td colspan=""2"">
<table border=""0"" cellpadding=""0"" cellspacing=""0"">
<tr>
<td width=""20""></td>
<td height=""110"" width=""600"" style='font-family: ""Open Sans"", sans-serif;text-align: left;font-size:24px;mso-fareast-font-family:""Open Sans"";'>
Hi {0},
</td>
<td width=""20""></td>
</tr>
<tr>
<td></td>
<td width=""600"" style='font-family: ""Open Sans"", sans-serif;text-align: left;font-size:24px;mso-fareast-font-family:""Open Sans"";mso-line-height-rule:exactly;line-height:36px;'>
Congratulations! Your colleague {1} has sent you {2} <b>{3}</b> shoutout. <p></p><p></p> <b>Your shoutout message is:</b> {5}
</td>
<td></td>
</tr>
<tr>
<td height=""40""></td>
</tr>
<tr>
<td></td>
<td>
<table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""100%"">
<tr>
<td width=""209"">
</td>
<td width=""180"" height=""34"" style='font-family: ""Open Sans"", sans-serif;mso-fareast-font-family:""Open Sans"";text-align:center;border: solid 2px #b7b7b7;font-size: 16px; color:white;font-weight: bold;border-radius: 5px;'>
<a href={4} style=""Text-decoration:none;color: #4d4d4d;"">Send a Shoutout!</a>
</td>
<td width=""209"">
</td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td height=""96""></td>
<td>
<table border=""0"" cellpadding=""0"" cellspacing=""0"" width=""100%"">
<tr>
<td width=""28"">
</td>
<td width=""544"" height=""96"" style=""border-bottom:1px solid #cccccc;"">
</td>
<td width=""28"">
</td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td height=""28""></td>
</tr>
<tr>
<td></td>
<td width=""600"" style=""
font-size: 16px;
line-height: 24px;
font-style: italic;
margin-top:30px;mso-line-height-rule:exactly;"">
The Shoutouts app allows you to recognize and appreciate your peers across the company. Try it today!

</td>
<td></td>
</tr>

</Table> 
</td>
</tr>
</Table><center><img src=""LogoImage.PNG"" width='100' height='100'></center>
</body>

</html>"}
)

2 REPLIES 2
Lisabel0
Level 8

Re: User Selected Images into HTML Email Template that display in the email body

TopShelf-MSFT
Level 10

Re: User Selected Images into HTML Email Template that display in the email body

Hi @CBroeker how are you progressing with this? Was the above reply helpful? 

 

@TopShelf-MSFT 

Helpful resources

Announcements
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors (Last 30 Days)
Users online (5,620)