217
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


Staff
Rank: #171
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/

Rank: #1390

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.

Staff
Rank: #171

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.

Rank: #1390

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.


Staff
Rank: #171
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/

Rank: #1390

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.