[Email] How to apply the CSS in Email (HTML format) in OutSystems?

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


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.

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.


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/

Solution

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.