Stack Overflow
Stack Overflow

Questions tagged [mjml]

MJML is built using the React.js framework to generate responsive HTML emails for multiple mail clients.

144 questions
2
votes
0 answers

Alternative to MJML using Razor

We have an email problem. Our system requires a front-end dev to use MJML to build a template for an email, transpile to HTML, send that to a backend dev who then has to take the HTML, figure out how to handle it (split into smaller fragments, bind…
Will Comeaux
  • 325
  • 1
  • 14
2
votes
1 answer

Is there a way to configure Prettier so that it doesn't minify inline CSS in .mjml templates?

I'm using .mjml templates and VSCode. I had to install an extension for the highlighting to work correctly but I noticed by Prettier seems to transform inline CSS (which is pretty common in emails) from this: p, h1 { color: #ffffff; } h1, .text-h1…
Nicolas Bouvrette
  • 4,295
  • 1
  • 39
  • 53
2
votes
1 answer

Why does outlook cut off some images for the email templates made with mjml?

So I have made the following templates with mjml. And for some strange reason the app links button images are not getting full height.Also, same happening for the social links icon images too. For both set of images I tried wrapping the icon images…
Junaid
  • 85
  • 8
2
votes
1 answer

HTML email background color is not displayed in Gmail/mobile/iOS/dark mode

Introductory information I wrote the MJML code for the email and then converted it to HTML. As a result, everything works as it should but the background color is not displayed if the following conditions are true: email client is Gmail mobile…
Tymur Mikhieiev
  • 33
  • 1
  • 4
2
votes
2 answers

Is MJML If statement with an OR operator possible?

I am having trouble adding an extra conditional in my mjml if statement. Is there an OR operator in mjml? Can't seem to find it even in their docs. I tried using || and | but get errors when throwing the html into mailjet. Here is what I have…
Erick Bravo
  • 31
  • 1
  • 5
2
votes
1 answer

MJML - Is there a way to display the full table for Mobile without breaking the columns names?

I recently discover the power of MJML and trying to create a email template for my clients. In this email I want to show them some data on a table format, the problem Im currently facing is when I display the table for mobile, which looks horrible…
Lluís Mañas
  • 43
  • 1
  • 6
2
votes
1 answer

MJML Not outputting correctly in outlook

I have the following MJML:
Dennis
  • 3,044
  • 2
  • 33
  • 52
2
votes
0 answers

MJML Layout is very buggy in Outlook client but ok in other clients

I have used MJML to create 2 different email layouts, one with one button and another one with 2 buttons. These emails look very good in most clients (webmails, gmail, outlook web, ...) But in the outlook client it looks very bad. I read that…
Dennis
  • 3,044
  • 2
  • 33
  • 52
2
votes
0 answers

MJML-based emails getting aggressively clipped by Gmail

For the news outlet I work for, we use MJML-created templates to send out our newsletters, some of which can get pretty long. We had never run into the message clipped problem in Gmail through the several months we've been using MJML, but last week,…
Eric Lubbers
  • 21
  • 2
2
votes
1 answer

How to use php variables in MJML

anybody any idea how to use php variables in MJML using the https://github.com/juanmiguelbesada/mjml-php library? Thanks $greeting = 'Hello World';
Robin Alexander
  • 984
  • 2
  • 13
  • 29
2
votes
1 answer

Short preview of emails in Outlook shows the image src and not the alt text

I have a problem when I genereate email via MJML. The email looks great, but there is a problem in Outlook where it shows the source url of the first image in the mail instead of texts or the alt-text in the short description of the email. I'm…
Numm3n
  • 1,021
  • 2
  • 9
  • 26
2
votes
3 answers

vertical align text/button in 2 column section

I am trying to vertically align some text and a button with a 2 column section. To clarify my goal is to have the text/button to align with the vertical middle of the image to it's right. I have tried adding the vertical-align="middle" tag to the…
Anthony
  • 23
  • 4
2
votes
1 answer

Responsive email: reverse block stacking design for mobile

So essence of question: how can i make blocks stack in reverse order for mobile devices? A few illustrations: Example of design for full width Example of design for mobile and changes wanted I used mjml email framework for this thingy:
Alpose
  • 35
  • 7
2
votes
2 answers

copyright symbol is not not rendered in browser

I am using this code of snippet © 2018 or © or © and this code printing unnecessary  ,like this © . how can i print copyright symbol in mjml ?
Neeraj Amoli
  • 976
  • 1
  • 9
  • 14
2
votes
0 answers

Reusable email layout in MJML

I evaluate mjml as a tool for making my days less horrible when I need to do something with transactional emails and there is one feature that I can't find any informations of but I'm just sure there is a way for people to do it right. Reusable…
Paweł Wszoła
  • 1,096
  • 1
  • 9
  • 21
1
2
3
…
9 10