cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
j_mark
Regular Visitor

Send Email V2 - HTML Table auto adjusting the size of column when sending emails

Hi! I'm trying to send an email via powerapps and I have an HTML table. When I'm testing this on

1. an html online environment - works fine

2. Powerapp Html Text - works fine

3. Sending the result of html text in outlook - changes the width of the columns

 

When I'm sending the html text on outlook, it auto adjusts the width of the cells that have long contents. I need the columns to have a fixed width. Here is the code of my html text. I have also attached the results of the three mentioned above. Please do note that the expected long contents are in the "Input File Location" and "Output File Location" rows.

 

<html>
<head>
<meta http-equiv='Content-Type' content='text/html' charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name='ProgId' content='Word.Document'>
<title></title>
<style>
/* Remove spacing between tables in Outlook 2007 and up */
body {
font-family: 'Calibri'
}

.Heading {
font-size: 20px;
font-weight: 600;
}

.HeadingSub {
font-size: 18px;
font-weight: 600;
color: white;
}

.details_ {
margin-bottom: 10px;
}

.detailsTD {
color: #666666;
padding: 5px;
border: none;
vertical-align: middle;
}

.detailsTH {
color: white;
padding: 9px;
border: none;
vertical-align: middle;
background-color: rgb(0, 120, 212);
}

.content {
background-color: #20242a;
padding: 10px 20px;
width: 100%;
color: white;
}
</style>
</head>
<body>
<table style='width:700px;table-layout:fixed;' cellspacing='0' align='center'>
<th class='detailsTH' align='left' colspan='2'>Request Details</th>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Client Name</td>
<td class='detailsTD'>"&DataCardValue40.Selected.Value&"</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Fund Name</td>
<td class='detailsTD'>" & DataCardValue3_1.Text & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Fund Code</td>
<td class='detailsTD'>" & DataCardValue4_1.Text & "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Administrators</td>
<td class='detailsTD'>" & DataCardValue2_1.Selected.Value & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Delivery Status</td>
<td class='detailsTD'>" & PreparerView1.Updates.'Delivery Status'.Value & "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD' width='210px'>Input File Location</td>
<td class='detailsTD' style='max-width:490px;word-wrap:break-word'>" & DataCardValue49_1.Text & Long Description Test Long Description Test Long Description Test Long Description Test Long Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description Test"</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Output File Location</td>
<td class='detailsTD' style='max-width:490px;word-wrap:break-word'>" & DataCardValue50_1.Text &Long Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description TestLong Description Test "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Initial Data Received</td>
<td class='detailsTD'>" & DataCardValue75_1.SelectedDate & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Revised Data Received</td>
<td class='detailsTD'>" & DataCardValue76_1.SelectedDate & "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Delivery Due Date</td>
<td class='detailsTD'>" & DataCardValue45_1.SelectedDate & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Revised Delivery Due Date</td>
<td class='detailsTD'>" & DataCardValue54_1.SelectedDate & "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Actual Delivery Date</td>
<td class='detailsTD'>" & DataCardValue51_1.SelectedDate & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Analytics Delivery Specialist</td>
<td class='detailsTD'>" & DataCardValue90.Selected.Email & "</td>
</tr>
<tr bgcolor='#f5f5f5'>
<td class='detailsTD'>Reviewer</td>
<td class='detailsTD'>" & DataCardValue86.Selected.Email & "</td>
</tr>
<tr bgcolor='#ffffff'>
<td class='detailsTD'>Actual Hours</td>
<td class='detailsTD'>" & DataCardValue69_1.Text & "</td>
</tr>
</tbody>
</table>
</body>
</html>

 

Please do let me know if you need further details. Thank you very much!

0 REPLIES 0

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Community Call Conversations

Introducing the Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (1,986)