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
Ignite

Microsoft Ignite

This will be a conference that you do not want to miss!

secondImage

New Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

August 2020 CYST Challenge

Check out the winners of the recent 'Can You Solve These?' community challenge!

Experience what’s next for Power Apps

Join us for an in-depth look at the new Power Apps features and capabilities at the free Microsoft Business Applications Launch Event.

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response 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,919)