Comments (9)
I make that ASAP
from mailgen.
I added a comment to https://gist.github.com/elidickinson/9424116 that centers the button and changed the default template to support the button method. I'll work on the logo in a separate merge request.
from mailgen.
Hi @throrin19,
Thanks for the report!
Is this happening in the default
Mailgen theme? What version of Outlook?
from mailgen.
It's an extension of the default theme with only the header background and text color changed.
For outlook, it's the version 2016
from mailgen.
@throrin19 Could you try sending with other themes? E.g. salted
or cerberus
?
from mailgen.
I've test with the original theme and the neopolitan theme and this is the result :
In the default theme, the button is not visible and, in the neopolitan theme, Outlook seems to add text decoration in the <a>
tag
from mailgen.
OK I found problems.
For the logo : Outlook >=2013 only support images with the width setted directly like that :
<-- This image will be resized to 300px in Outlook -->
<img src="https://www.emailonacid.com/images/photo.jpg" width="300" style="width:300px;" />
<-- This image will NOT be resized in Outlook -->
<img src="https://www.emailonacid.com/images/photo.jpg" style="width:300px;" />
For the button, it's more complexe. I remove the mso-hide
in the .button
section bug outlook don't show it correctly. So, after many research and tests, we should add specific tag for outloock like this gist :
https://gist.github.com/elidickinson/9424116#file-html_email_buttons_1-html
I think you should update your templates to work correctly in MS outlook desktop app
from mailgen.
Ooh, that doesn't look pretty.
We could use a service like Litmus to fix this (previewing the themes in the most popular e-mail clients without having to install them). They have a 3-day free trial which could suffice.
If you have the time, would you like to submit a PR to add compatibility for Outlook?
from mailgen.
@throrin19 Please comment if you still intend to work on this, otherwise, this is up for grabs. 👍
from mailgen.
Related Issues (20)
- Custom HTML element, or at least image HOT 1
- Action button -- alignment option in default theme? HOT 2
- Button Styling Looks Off In MS Outlook Web HOT 3
- Throws an error when using table in side body HOT 1
- JSON Schema for mailgen format available? HOT 2
- How to embed Images HOT 1
- product logo from local disk HOT 2
- adding and styling product images HOT 1
- Missing typescript definition for Product.logoHeigth HOT 1
- After npm install i got 5 high severity vulnerabilities HOT 2
- Email Layout Breaks in iOS Email App HOT 5
- body.table.columns type HOT 1
- Option to minify html template code. HOT 1
- Type issue for Button HOT 1
- Add text links for button actions HOT 8
- Cannot read property 'button' of undefined HOT 1
- Having buttons inside of tables HOT 2
- Attachment HOT 1
- greeting: false, // not working HOT 2
- add {year} HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mailgen.