To customize table in an email

(2) Share

Report

Posted on by WingC

Hi,

I am a citizen developer really need your help. Below is the code I put in Power Apps to trigger an email.

I want to make it consistent so the layout is correct on desktop and iPhone.

can you advise where to fix in the code so the 1st column looks about 20% wide for the whole table?
also when I set the border color as blue #0B0384. It looks correct on Mail/ Outlook App on iPhone, but not outlook on Desktop. Please help.

Thanks for your insight.
++++++++++++++++++++++++++++++++

<b><table border='1' align='center' cellpadding='6' style='width:80%; max-width:550px; border-collapse:collapse; font-family:Tenorite, sans-serif; font-size:14px; border:2px solid #0B0384;table-layout:fixed; word-break:break-word;'>
    <tr>
        <th colspan='2' style='background-color:#0B0384; color:white; font-size:18px; text-align:left; padding:8px;'>
            TRAVEL DETAILS
        </th>
    </tr>
    <tr><td>Date Submitted</td><td>" & Text(Submit_On_P.SelectedDate, "ddd, dd mmm yyyy") & "</td></tr>
    <tr><td>Traveller</td><td>" & Concat(Traveller.SelectedItems, DisplayName, ", ") & "</td></tr>
    <tr><td>Origin</td><td>" & Origin.Text & "</td></tr>
    <tr><td>Destination</td><td>" & Destination.Text & "</td></tr>

Categories:

Building Power Apps

I have the same question (2)

All responses (2)

Answers (1)

Verified answer

Power Platform 1919 2,205 Super User 2026 Season 1 on at

Like (2)

Report
Copy link

Link copied!
Hi @WC-09080204-0,

Can you try this

<b><table align="center" width="80%" border="0" cellpadding="6" cellspacing="0" bordercolor="#0B0384" style=" width:80%; max-width:550px; border-collapse:collapse; font-family:Tenorite, sans-serif; font-size:14px; table-layout:fixed; word-break:break-word; border:2px solid #0B0384; mso-table-lspace:0pt; mso-table-rspace:0pt; "> <colgroup> <col width="20%" style="width:20%;"> <col width="80%" style="width:80%;"> </colgroup> <tr> <th colspan="2" style=" background-color:#0B0384; color:#ffffff; font-size:18px; text-align:left; padding:8px; border:1px solid #0B0384; "> TRAVEL DETAILS </th> </tr> <tr> <td width="20%" style="width:20%; border:1px solid #0B0384;">Date Submitted</td> <td width="80%" style="width:80%; border:1px solid #0B0384;"> " & Text(Submit_On_P.SelectedDate, "ddd, dd mmm yyyy") & " </td> </tr> <tr> <td width="20%" style="width:20%; border:1px solid #0B0384;">Traveller</td> <td width="80%" style="width:80%; border:1px solid #0B0384;"> " & Concat(Traveller.SelectedItems, DisplayName, ", ") & " </td> </tr> <tr> <td width="20%" style="width:20%; border:1px solid #0B0384;">Origin</td> <td width="80%" style="width:80%; border:1px solid #0B0384;"> " & Origin.Text & " </td> </tr> <tr> <td width="20%" style="width:20%; border:1px solid #0B0384;">Destination</td> <td width="80%" style="width:80%; border:1px solid #0B0384;"> " & Destination.Text & " </td> </tr> </table> </b>

4 people found this reply helpful.

Was this reply helpful? Yes No
Suggested answer

WingC 44 on at

Like (0)

Report
Copy link

Link copied!

Thank you so much. It works well with your code. Many thanks.

Was this reply helpful? Yes No