Rendering different in email than what shown in preview

[Hilary Witts]

Hello, 

I am trying to send an email with a table inserted. I have followed the guidance in the "HTML friendly" link and created it. It was rendering fine for the past year but now the top row is shifted and not lining up. I have attempted to make borders and center but it does not seem to work. It will show perfect in the preview but in the actual email people receive it is all wonky. Please see my screenshots for the preview and email. 

Thanks,

Hilary

Here is the code:

<table span style="text-align:center;" border="1">

<th>COURSE</th>

<th>Grade</th>

<th>Percent</th>

<th>SUMMER SCHOOL</th>

<th>FA's Behind</th>

<th>Cog Skill Percent</th>

<th>Concept Skill Percent</th>

  <tr>

    <td> <<Course 1 Name>></td>

    <td><<Course 1 Letter Grade>></td>

    <td> <<Course 1 Overall Score>></td>

<td><<Summer 1>> </td>

  <td><<Course 1 Power FAs Behind>></td>

  <td> <<Course 1 Cog Skill Percent>></td>

<td><<Course 1 Concept Percent>></td> 

  </tr>

  <tr>

    <td> <<Course 2 Name>></td>

    <td><<Course 2 Letter Grade>></td>

    <td> <<Course 2 Overall Score>></td>

<td><<Summer 2>></td>

  <td><<Course 2 Num Projects Overdue>></td>

  <td> <<Course 2 Cog Skill Percent>></td>

<td><<Course 2 Concept Percent>></td> 

  </tr>

  <tr>

 <td> <<Course 3 Name>></td>

    <td><<Course 3 Letter Grade>></td>

    <td> <<Course 3 Overall Score>></td>

<td> <<Summer 3>></td>

  <td><<Course 3 Power FAs Behind>></td>

  <td> <<Course 3 Cog Skill Percent>></td>

<td> <<Course 3 Concept Percent>></td>   </tr>

  <tr>

    <td> <<Course 4 Name>></td>

    <td><<Course 4 Letter Grade>></td>

    <td> <<Course 4 Overall Score>></td>

<td> <<Summer 4>></td>

  <td><<Course 4 Power FAs Behind>></td>

  <td><<Course 4 Cog Skill Percent>></td>

<td><<Course 4 Concept Percent>></td> 

  </tr>

    

</table>

[Don Hicks]

At first glance, it looks like you may be missing a tiny bit of HTML:

I think you need a <tr> before the <th>COURSE</th> line, and
I think you need a </tr> after the <th>Concept Skill Percent</th> line

See if that helps!

Sincerely,
Don Hicks, CPPO, CPPB, ARM
Contract & Risk Manager,
Multnomah Education Service District
11611 NE Ainsworth Circle
Portland, OR 97220
  email: dhi...@mesd.k12.or.us
  desk: (503) 257-1518

  cell: (971) 231-5195

  Pronouns I use: he - him - his

Confidentiality Notice: This email may contain information that is privileged, confidential, or otherwise exempt from disclosure under applicable law. If you are not the addressee or it appears from the context or otherwise that you have received this email in error, please advise me immediately at dhi...@mesd.k12.or.us, keep the contents confidential, and immediately delete the message and any attachments from your system.

CONFIDENTIALITY NOTICE: This electronic mail transmission and any files transmitted with it may contain confidential information only for use by the intended recipient. Unless you are the addressee or authorized to receive messages for the addressee, you may not use, copy, disclose, or distribute this message, or any information contained in or attached to this message, to anyone. If you received this transmission in error, please notify the sender by reply e-mail and delete the transmission. Thank you.

--
You received this message because you are subscribed to the Google Groups "NV Form Mule Add-on" group.
To unsubscribe from this group and stop receiving emails from it, send an email to nv-form-mule-ad...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/nv-form-mule-add-on/bb820e44-9734-438e-ae0a-ee273dacf586%40googlegroups.com.

[Hilary Witts]

Thanks It helped somewhat but it is still looking wonky in the email. I want bordered and centered. I don't know what all the extra boxes and borders are coming from. I'm new to html so I'm learning. :(

On Thursday, May 7, 2020 at 1:20:34 PM UTC-7, Don Hicks wrote:

At first glance, it looks like you may be missing a tiny bit of HTML:

I think you need a <tr> before the <th>COURSE</th> line, and
I think you need a </tr> after the <th>Concept Skill Percent</th> line

See if that helps!

Sincerely,
Don Hicks, CPPO, CPPB, ARM
Contract & Risk Manager,
Multnomah Education Service District
11611 NE Ainsworth Circle
Portland, OR 97220
  email: dhi...@mesd.k12.or.us
  desk: (503) 257-1518

  cell: (971) 231-5195

  Pronouns I use: he - him - his

Confidentiality Notice: This email may contain information that is privileged, confidential, or otherwise exempt from disclosure under applicable law. If you are not the addressee or it appears from the context or otherwise that you have received this email in error, please advise me immediately at dhi...@mesd.k12.or.us, keep the contents confidential, and immediately delete the message and any attachments from your system.

To unsubscribe from this group and stop receiving emails from it, send an email to nv-form-mule-add-on+unsub...@googlegroups.com.

[Hilary Witts]

I went back to basics and changed the html coding to the following. The table is still rendering weird. To me this appears to be an issue with formmule reading the HTML incorrectly. I've checked sending to all of my email accounts and it appears to be an issue on your end as it renders weird in all attempts. It is inserting extra rows and such that is shifting the everything. I really need to send this asap and have not received a response that resolves this.

<table>

<thead>

<tr>

<th>Summer School</th>

<th>Course Name</th>

<th>Letter Grade</th>

<th>Percentage</th>

<th>PFAs behind</th>

<th>Cognitive Skill Percent</th>

<th>Concept Skill Percent (Math only)</th>

</tr>

</thead>

<tbody>

<tr>

<td><<Summer 1>></td><td><<Course 1 Name>></td><td><<Course 1 Letter Grade>></td><td><<Course 1 Overall Score>></td><td><<Course 1 Power FAs Behind>></td><td><<Course 1 Cog Skill Percent>></td><td><<Course 1 Concept Percent>></td></tr>

<tr>

<td><<Summer 2>></td><td><<Course 2 Name>></td><td><<Course 2 Letter Grade>></td><td><<Course 2 Overall Score>></td><td><<Course 2 Power FAs Behind>></td><td><<Course 2 Cog Skill Percent>></td><td><<Course 2 Concept Percent>></td></tr>

<tr>

<td><<Summer 3>></td><td><<Course 3 Name>></td><td><<Course 3 Letter Grade>></td><td><<Course 3 Overall Score>></td><td><<Course 3 Power FAs Behind>></td><td><<Course 3 Cog Skill Percent>></td><td><<Course 3 Concept Percent>></td></tr>

<tr>

<td><<Summer 4>></td><td><<Course 4 Name>></td><td><<Course 4 Letter Grade>></td><td><<Course 4 Overall Score>></td><td><<Course 4 Power FAs Behind>></td><td><<Course 4 Cog Skill Percent>></td><td><<Course 4 Concept Percent>></td></tr>

</tbody>

</tr>

</table>

[Amanda Smith]

Hi Hilary,

I wonder if Form Mule's built-in custom formula rangetotable would be helpful to you as it creates an html table for you.

If you go to the Form Mule menu drop-down, select 'Custom Spreadsheet Functions' for more information on how to apply this formula.

In the image I attached you can see in column G the output of the rangetotable formula; then you would just pull this merge tag into your template to create the table.