Gmail Rendering Issue: Excessive Space Before Table in Email Body, when using a HTML Code

Screenshot (139).jpg

 

Hi Everyone,

I am trying to get email of related values in a Table format through HTML Code in the Email Body (Bots -> Events -> Run this process). I'm encountering an issue with Gmail's rendering of my email templates, when using HTML Code. When I send out emails, I'm consistently noticing a significant amount of space before the table containing the content. Iโ€™m at a loss for why this is happening and how to fix it.

Has anyone else encountered a similar issue with Gmail's rendering? If so, could you please share any insights or solutions that might help me resolve this spacing problem? I'd greatly appreciate your input and expertise.

Thank you in advance for your help!

And here is the HTML Code, that is present in the Email Body

<table style="border-collapse: collapse; width: 100%; border: 1px solid black;">

  <thead>

    <tr>

      <th style="border: 1px solid black; text-align: center;">IR</th>

      <th style="border: 1px solid black; text-align: center;">Serial Number</th>

      <th style="border: 1px solid black; text-align: center;">Quantity</th>

      <th style="border: 1px solid black; text-align: center;">RA</th>

      <th style="border: 1px solid black; text-align: center;">Mode of Payment</th>

    </tr>

  </thead>

  <tbody>

    <<Start: [Related 5.1. TR]>>

      <tr>

        <td style="border: 1px solid black; text-align: center;"><<[IR]>></td>

        <td style="border: 1px solid black; text-align: center;"><<[Serial Number]>></td>

        <td style="border: 1px solid black; text-align: center;"><<[Quantity]>></td>

        <td style="border: 1px solid black; text-align: center;"><<[RA]>></td>

        <td style="border: 1px solid black; text-align: center;"><<[Mode of Payment]>></td>

      </tr>

    <<End>>

  </tbody>

</table>

Solved Solved
0 15 2,825
1 ACCEPTED SOLUTION

@Nani @SkrOYC - Apologies for the inconvenience. 

In this article: https://support.google.com/appsheet/answer/11449723

We provide the following guidance:

If there is a large gap between the email preheader and the email body text, try the following:

  1. Set all page margins to 0.
  2. Set the Page Setup to A4

Can you try this to see if it works to address your issues? Otherwise, I can check with the AppSheet dev team. Though, I suspect the best plan would be to contact Support for assistance so they can potentially gain access to your app to help troubleshoot.

Liz

View solution in original post

15 REPLIES 15