Diego Souza
Rank: #1390
217Views
4Comments
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


0
0
on 2019-03-06
Copy link to comment
G. Andrew Duthie
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/

See solution in context
1
0
on 2019-03-07
Copy link to comment
Diego Souza
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.

0
0
on 2019-03-07
Copy link to comment
G. Andrew Duthie
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.

0
0
on 2019-03-06
Copy link to comment
Diego Souza
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.


0
0
on 2019-03-06
Copy link to comment
G. Andrew Duthie
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/

1
0
on 2019-03-06
Copy link to comment
Diego Souza
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.

0
0
on 2019-03-07
Copy link to comment