Email notification not rendering HTML

clyon · ‎05-03-2017

My email template, Message HTML field I have the following code:

<p></p>

<tbody>

<tr>

</td>

<td>

<div style="font-family: helvetica; font-size: 18px; color: #68696e; vertical-align: middle;">Reminder:<strong> ${number}</strong> is still pending approval</div>

</td>

</tr>

<tr>

</tr>

</tbody>

</table>

<tbody>

<tr>

</tr>

<tr>

<div style="font: bold 15px Helvetica; sans-serif; color: #000000;">${u_requested_for.first_name} ${u_requested_for.last_name},<br /><br /></div>

</td>

<div style="font: bold 15px Helvetica, sans-serif; color: #3c6d99; margin: 0 0 5px 0;">Request ID</div>

<div style="font: 10px Helvetica, sans-serif; color: #68696e;"> <em> Click here to view more information</em></div>

</div>

</td>

</tr>

<tr>

<td>

<div style="font: 14px Helvetica, sans-serif; color: #68696e;">Your requested item is still pending approval.</div>

</td>

</tr>

<tr>

</tr>

<tr>

<div style="font: 12px Helvetica, sans-serif; color: #000000;"><strong>Request details:</strong><br />${mail_script:sc_req_item_details}</div>

</td>

<div style="font: bold 15px Helvetica, sans-serif; color: #3c6d99; margin: 0 0 5px 0;">Request Status</div>

<div style="font: 12px Helvetica, sans-serif; color: #68696e;">${state}</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<div style="font: bold 15px Helvetica, sans-serif; color: #3c6d99; margin: 0 0 5px 0;"><strong>Requested For</strong></div>

<div style="font: 12px Helvetica, sans-serif; color: #68696e;">${u_requested_for}</div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<div style="font: 12px Helvetica, sans-serif; color: #000000;"><strong>Approval details:</strong></div>

<div style="font: 12px Helvetica, sans-serif; color: #000000;">${mail_script:sc_req_item_approvals_list}</div>

</td>

</tr>

<tr>

</tr>

<tr>

<div style="font: bold 15px Helvetica, sans-serif; color: #3c6d99; margin: 0 0 5px 0;">Have any questions?</div>

<div style="font: 12px Helvetica, sans-serif; color: #68696e;">Don't hesitate to call us or chat online with one of our agents<br /><br /></div>

<div style="valign: bottom; font: 10px Helvetica, sans-serif; color: #68696e;"><a title="Help Desk Chat" href="https://helpdeskchat.xxxx.net" target="_blank"> <img style="align: baseline;" title="" src="https://xxxxxx.service-now.com/Chat%2020x20.pngx" alt="" width="20" height="20" align="baseline" border="" hspace="4px;" vspace="" /></a> Chat <a title="Email Help Desk" href="mailto:GlobalHelpDesk@xxxxx.com" target="Outlook"><img style="align: baseline;" title="" src="https://xxxxx.service-now.com/Email%2020x20.pngx" alt="" width="20" height="20" align="baseline" border="" hspace="4px;" vspace="" /></a> Email <img style="align: baseline;" title="" src="https://xxxxx.service-now.com/Phone%2020x20.pngx" alt="" width="20" height="20" align="baseline" border="" hspace="2px" vspace="" />HELP (4357)<br /><br /></div>

<div style="valign: bottom; font: 10px Helvetica, sans-serif; color: #68696e;"><em>Or call us directly by dialing (866) 123 1234</em></div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>

<div style="font: 14px Helvetica, sans-serif; color: #68696e;">Thank you, ${u_requested_for.first_name}, for working together with Help Desk Central<strong>!</strong></div>

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

When I preview the email notification it previews as expected when I choose 'plain text'.

But when the email is sent all I see is the HTML code:

What am I missing to get the email to correctly render like the email review? TIA

Patrick Fedigan · ‎05-03-2017

Hello Christina,

Is this HTML specifically in the HTML field/box instead of maybe a normal string/message field?

Also, it might be worthwhile to check if other emails are displaying correctly.

Cheers

clyon · ‎05-04-2017

It is in the 'Message HTML' field. I did try it in the 'Message Text' field with no change.

This is a new format for our emails that I'm working on so not applicable for our other emails. Our current emails to not have the html formatting that this new one does.

nthumma · ‎05-03-2017

check the content type of notification by going to advance view.

clyon · ‎05-04-2017

Is this what you are referring to?