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!
