CODEWITHSUNDEEP
cssemailresponsive-designzurb-foundationsitefinity
dpwulp94
dpwulp94

Reputation: 163

Sitefinity responsive mail with zurb framework

Using the zurb framework, I want to make a responsive newsletter with Sitefinity ECM. When I make a email with the css in it (like this screenshot) and the code is here: http://pastebin.com/6gaSNKXT.

That code is pasted in a message template and used for a new test newsletter. In the preview mode it is responsive, but in gmail isn't the css loaded and in hotmail the css is loaded but isn't responsive. Also on my IDevice, it is not responsive.

How can I use zurb framework with Sitefinity for sending an email?

Upvotes: 0

Views: 240

Answers (1)

John
John

Reputation: 12193

Gmail strips the <style> tag, so you'll need to inline your CSS first. The Zurb Ink framework requires you to take this step before sending the email. This might also fix your other issues - hard to tell at this point.

I think Ink has a built in CSS inliner, which may not be applicable if you are running through Sitefinity. Here is a list of css inlining tools that may come in handy - I don't think any of them have an API, so you'll probably have to inline the template before the user wysiwyg's their content in there from Sitefinity.

Upvotes: 1

Related Questions