613
Views
4
Comments
Solved
[Email] How to apply the CSS in Email (HTML format) in OutSystems?
Question

Hi guys,


How to apply the CSS in HTML Email (HTML format) in OutSystems?  It only apply in the web browser.

I already tried to apply the CSS inline embedded tag HTML, but It didn't apply. 

SyntaxEditor Code Snippet

<img style='padding: 20px;' src='/Ideator/img/Altran_Ideator_Logo_Top.png'>

I already tried to apply the CSS in the Container that cotains the image, but it didn't apply.

Regards,

Diego Souza


UserImage.jpg
G Andrew Duthie
 
MVP
Solution

Keep in mind that applications (particularly older versions) may use a completely different rendering engine from your day-to-day browser, and the results of various styles can be anywhere from non-existent to buggy.

Given that, you may see differences in the rendered output in Outlook, compared to what you'd see in the browser. This is true of other email clients as well. You may want to have a look at the following site to see what is and isn't possible with Outlook, etc.:

https://www.campaignmonitor.com/css/email-client/outlook-2007-16/

2018-10-01 10-21-00
Diego Souza

G. Andrew Duthie wrote:

Keep in mind that applications (particularly older versions) may use a completely different rendering engine from your day-to-day browser, and the results of various styles can be anywhere from non-existent to buggy.

Given that, you may see differences in the rendered output in Outlook, compared to what you'd see in the browser. This is true of other email clients as well. You may want to have a look at the following site to see what is and isn't possible with Outlook, etc.:

https://www.campaignmonitor.com/css/email-client/outlook-2007-16/


Thank Andrew for your answer.
I didn't know about this.
Regards.

UserImage.jpg
G Andrew Duthie
 
MVP

Where are you not seeing the CSS applied?

In order for CSS to work, the rendering app needs to support it. Please provide details on where you are trying to view the email that the CSS is not working.

2018-10-01 10-21-00
Diego Souza

G. Andrew Duthie wrote:

Where are you not seeing the CSS applied?

In order for CSS to work, the rendering app needs to support it. Please provide details on where you are trying to view the email that the CSS is not working.

I can't see some properties CSS applied when i open the email in Outlook (App) in the computer.


UserImage.jpg
G Andrew Duthie
 
MVP
Solution

Keep in mind that applications (particularly older versions) may use a completely different rendering engine from your day-to-day browser, and the results of various styles can be anywhere from non-existent to buggy.

Given that, you may see differences in the rendered output in Outlook, compared to what you'd see in the browser. This is true of other email clients as well. You may want to have a look at the following site to see what is and isn't possible with Outlook, etc.:

https://www.campaignmonitor.com/css/email-client/outlook-2007-16/

2018-10-01 10-21-00
Diego Souza

G. Andrew Duthie wrote:

Keep in mind that applications (particularly older versions) may use a completely different rendering engine from your day-to-day browser, and the results of various styles can be anywhere from non-existent to buggy.

Given that, you may see differences in the rendered output in Outlook, compared to what you'd see in the browser. This is true of other email clients as well. You may want to have a look at the following site to see what is and isn't possible with Outlook, etc.:

https://www.campaignmonitor.com/css/email-client/outlook-2007-16/


Thank Andrew for your answer.
I didn't know about this.
Regards.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.