HTML Template milestone objects (such as lines and designs) not appearing in the email

[Hussein_Osseily]

Hello Community, 

As the title says, i have HTML template that is used in a send an email task. 
When i view the code in a html viewer it loads correctly without any issues, but when it's being viewed from the user prespective , in the sent email, its totally different, missing css elements and not alligned well. 

Can it be something related to the .html code am using, or can't be due to the way different email clients handle CSS, especially for HTML emails.

Is there any limitations from appsheet side when it comes to using CSS elements as an email template ? 

If needed, i can provide the .html code if needed. 

html Viewer: 

Gmail User side: 

Thanks in advance

[mateo]

Hey! I would say that it is most likely that different email clients render the code differently. For HTML emails, you should use <table> tags instead of <div> tags, it is better to use inline CSS, for example, and many more weird things... Check out https://stripo.email/, it could help you create a template you can work on later and many different articles like this one, for example, https://medium.com/connect-the-dots/10-steps-for-effective-cross-client-browser-html-emails-e69a78da.... Consider reaching out to one of our HTML masters @SkrOYC as well. Good luck!

[Hussein_Osseily]

Hey, thanks for your response. I now realize it's all about how the email client renders the email. I tried sending the same email from a different email client, and while the CSS elements still didn't show up in the milestone, the result looked a bit different compared to Gmail.

When I attach the HTML and open it from Gmail, the milestone elements still don't display. However, if I download the attachment and open it in Chrome, it renders perfectly.

I'm really at a loss on how to fix this, haha.

[SkrOYC]

---

@Hussein_Osseily wrote:

due to the way different email clients handle CSS

---

It's not an AppSheet limitation, rather different email clients.

Good Email Code | good-email-code

[Hussein_Osseily]

Thanks ! Helpful as always @SkrOYC