Issue
When a user receives the email notification, the table or HTML format is gone. Although the preview seems fine, the email client does not show all the .css styles including:
- Tables and cells background
- Font colors
- Padding, borders, and margins not as designed in the notification
Following is an example of an email received on an older version of Outlook (Outlook 2010) with broken styles:
Cause
Old email clients such as Outlook 2010 do not render the <style> elements properly and seem to require inline styling.
Resolution
You should update to a current version of your Microsoft Outlook application on either Windows or Mac. Older versions seem to work on very old engines equivalent to Internet Explorer 5, which only work with inline embedded styles.
Following is an example of how the mentioned table should look like with the configured styles from the notification:
Embedded styles are included in a <style> block in the <head> of the file. Inline styles are attached to an HTML element using the style attribute. Instead of including <style></style> code, you should use inline styles in the elements such as <td style='background-color:black'></td>
Note: Microsoft Outlook and other email clients are not a ServiceNow Product. If you have any issue regarding your email client, contact your vendor or internal IT support.
Related Links
For additional information and references for email client rendering differences, see the knowledge article, Email preview looks different than in Outlook, Gmail, or other mail application
