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)

Sort by

Verified answer

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

Like
a
(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
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No