Unexpected <BR> in email body

PgM
Bronze 3
Bronze 3

Hello Everyone, 

I've designed an APP used for inventory report

I'm creating a bot which send email in certain conditions. 

The process used, send email with  an inventory report in the email body based on a slide.

see screenshot of the slide:

PgM_3-1683713124914.png

It works pretty fine (as i have the correct data retrieved) except that i've unexpected break rows <br> in the email:

Here is how it looks like in Appsheet:

PgM_0-1683712354536.png

Here is the full code in email body:

<table style="border-collapse: collapse;" border="1"  cellspacing="5" cellpadding="5">
  <thead>
    <tr>
      <th>Produit</th>
      <th>Etat des lieux</th>
      <th>Photo1</th>
      <th>Photo2</th>
      <th>Autres photos</th>
    </tr>
  </thead>
  <tbody>
     <<Start: Filter(TEMP_EDL_ENVOI, true)>><tr>
     <td><<[Article cde]>><br><span style="font-size: 0.5em; color: #CCCCCC;"><<[SKU]>></span></td>
     <td><span style="font-size: 0.9em;"><<[Etat des Lieux]>></span></td>
      <td><a href="<<[Pic1]>>"><img src="<<[Pic1]>>" width=100% ></td></a>
      <td><a href="<<[Pic2]>>"><img src="<<[Pic2]>>" width=100% ></td></a>
      <td><a href="<<[Pic3]>>"><img src="<<[Pic3]>>" width=50% ><br><a href="<<[Pic4]>>"><img src="<<[Pic4]>>" width=50% ><br><a href="<<[Pic5]>>"><img src="<<[Pic5]>>" width=50% ></td></a><br>
    </tr><<End>>
  </tbody>
</table>

And this is how it looks like when sending email:

PgM_1-1683712769018.png

(see below original email from my gmail account)

PgM_2-1683712854662.png

I do not get this when i'm using an email template (gdoc)

Fyi, the app is not deployed (not sure it has an impact)

 

Does anyone have an idea about what's goign on ?

In advance, many thanks for your replies!

Cheer

 

Solved Solved
0 4 288
1 ACCEPTED SOLUTION

PgM
Bronze 3
Bronze 3

Many Thank you @Suvrutt_Gurjar  for your reply!!

I've actually found a solution ( or a work around should i say as it makes the implementation a bit complex):

Actually from my initial code which was on several rows

PgM_0-1683806047314.png

 

I have type it on just few rows:

PgM_1-1683806152878.png

By doing this, it has removed unwanted BRs:

PgM_2-1683806260924.png

 

I'm really not sure it's clean solution but at least the output looks like how it wanted to be. 😉

View solution in original post

4 REPLIES 4

PgM
Bronze 3
Bronze 3

Hello every one , 

Does anyone have already faced this issue ? 

I'm trying with an html file

Screenshot 2023-05-11 100835.png

but the ouput is not working

Appsheet Gurus 😉  @Marc_Dillon , @Suvrutt_Gurjar @WillowMobileSys @Steve 

PgM_0-1683792918294.png

 

 

 

Please try in the format below. Please include <body> and </body> tags for sure. Important tags highlighted.

<html>
<head>
</head>
<body>
<h1>Titre Principal......</h1>
<p>Transporteur: &lt;&lt;[Transporteur]&gt;&gt;</p>
<p>Suivi: &lt;&lt;[Suivi1]&gt;&gt;</p>
</body>
</html>

PgM
Bronze 3
Bronze 3

Many Thank you @Suvrutt_Gurjar  for your reply!!

I've actually found a solution ( or a work around should i say as it makes the implementation a bit complex):

Actually from my initial code which was on several rows

PgM_0-1683806047314.png

 

I have type it on just few rows:

PgM_1-1683806152878.png

By doing this, it has removed unwanted BRs:

PgM_2-1683806260924.png

 

I'm really not sure it's clean solution but at least the output looks like how it wanted to be. 😉

Thank you for the update. Good to know you got it working.

Top Labels in this Space