Power Platform Community Forum Thread Details

Good afternoon, I currently have a flow spitting out a HTML table in Outlook, and for almost everyone, the table is correct (Top Example).

But for one specific user, the email is spitting out in the bottom example.

I believe for this one user that the Columns and Rows are being flipped.

Excel recreation:

Would anyone know:

Is this a client side issue, since it's working for everyone else? Or could this be an HTML Issue?
Is this an issue inside of Outlook itself? I am entirely stumped how only one user is effected by this.

All users have a 365 account, with Outlook 2016.

Here is the source code for my email:

<style>
.Header {
 text-align: center;
 border: 3px solid #B8D237;
 background-color: #455866;
 color: #B8D237;
}
.button {
 background-color: #455866;
 color: white;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 24px;
 margin: 4px 2px;
 cursor: pointer;
 align-items: center;
 border-radius: 15px;
}
body {
background-color: #E1EBAD;
}
.rightImage{
float: right;
}
.middleimage{
float: center;
}
</style>

<body>
<div class = "Header">
<h1>@{outputs('Responder_Email')?['body/Name']} Completed a @{triggerBody()?['entity']?['cardOutputs']?['outZone']} Corrective Action at @{body('Convert_time_zone')}</h1>
</div>
<br>
@{outputs('Compose')}
<br>
<div class = "Header">
<h2>Thank you for the Corrective Action @{triggerBody()?['entity']?['cardOutputs']?['outAuditor']}</h2>
</div>
<br> <br>
<div class = "rightImage">
<img src="ImageLink"/>
</div>
</body>

The @{outputs('Compose')}:

<style>
table {
 font-family: Tahoma, Geneva, sans-serif;
 text-align: center;
 border-collapse: collapse;
}
td{
 border: 1px solid #B8D237;
 display: block;
}
th {
padding: 3px 8px;
display: block;
background: #B8D237;
border: 1px solid #33414B;
font-size: 20px;
color: #455866;
text-align: center;
}
tr {
 display: block;
 float: left;
}
.Item {
 background: #CDDF73;
 font-size: 25px;
 color: #455866;
 text-align: right;
}
.Data {
 text-align: left;
 font-size: 20px;
 color: #B8D237;
 background: #455866;
}
</style>
<table>
<tr>
 <th style = "width:100px">Item</th>
 <th>Information</th>
</tr>
<tr>
 <td class = "Item">Description</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outCADescription']}</td>
</tr>
<tr>
 <td class = "Item">Audit Type</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outAuditSelection']}</td>
</tr>
<tr>
 <td class = "Item">Priority</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outPriority']}</td>
</tr>
<tr>
 <td class = "Item">Zone</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outZone']}</td>
</tr>
<tr>
 <td class = "Item">Operation</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outOp']}</td>
</tr>
<tr>
 <td class = "Item">Assigned To</td>
 <td class = "Data">@{triggerBody()?['entity']?['teamsFlowRunContext']?['messagePayload']?['from']?['user']?['displayName']}</td>
</tr>
<tr>
 <td class = "Item">Opportunity</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['outOpportunity']}</td>
</tr>
<tr>
 <td class = "Item">Time Completed</td>
 <td class = "Data">@{body('Convert_time_zone')}</td>
</tr>
<tr>
 <td class = "Item">Completion Description</td>
 <td class = "Data">@{triggerBody()?['entity']?['cardOutputs']?['completeDesc']}</td>
</tr>
</table>

Thanks,

jbishop

Categories:

Using flows