cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Frequent Visitor

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
Highlighted
Helper V
Helper V

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

Highlighted
Anonymous
Not applicable

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? 

 

@Anonymous 

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Watch Now

Experience what’s next for Power Apps

See the latest Power Apps innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (3,989)