Giter Site home page Giter Site logo

Outlook about mailgen HOT 9 OPEN

eladnava avatar eladnava commented on August 26, 2024 1
Outlook

from mailgen.

Comments (9)

throrin19 avatar throrin19 commented on August 26, 2024 1

I make that ASAP

from mailgen.

charlie-s avatar charlie-s commented on August 26, 2024 1

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.

eladnava avatar eladnava commented on August 26, 2024

Hi @throrin19,
Thanks for the report!

Is this happening in the default Mailgen theme? What version of Outlook?

from mailgen.

throrin19 avatar throrin19 commented on August 26, 2024

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.

eladnava avatar eladnava commented on August 26, 2024

@throrin19 Could you try sending with other themes? E.g. salted or cerberus?

from mailgen.

throrin19 avatar throrin19 commented on August 26, 2024

I've test with the original theme and the neopolitan theme and this is the result :

capture 1
capture 2

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.

throrin19 avatar throrin19 commented on August 26, 2024

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.

eladnava avatar eladnava commented on August 26, 2024

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.

eladnava avatar eladnava commented on August 26, 2024

@throrin19 Please comment if you still intend to work on this, otherwise, this is up for grabs. 👍

from mailgen.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.