Skip to main content
Pre-release

This release is a pre-release and may not be stable for production use.

License: AGPL-3

Responsive Layout Snippets for Writing Emails

This module extends the functionality of the website mail designer to support a responsive layout and allow you to read those mails comfortably in a mobile mail client.

Well… actually this is not really responsive. It is pseudo-responsive. Responsiveness in current mail clients is years behind browsers’, so these templates are very verbose to ensure compatibility in most scenarios. Ideas are taken from https://css-tricks.com/ideas-behind-responsive-emails/.

Installation

This module is prepared to be compatible with module website_mail_bg_color. If you install it, you will be able to change snippets’ background colors, but it is not required.

Configuration

To change the default background color for buttons:

Usage

To use this module, you need to:

  1. Install any module that makes use of the website mail designer, such as mass_mailing.

  2. Edit an email with the website mail designer.

  3. You have a new collection of snippets under Email Design section. Use them as usual.

If you choose the Horizontal Separator snippet, you will be able to set its height too. For that, you will have to aim carefully to click inside the green line, and then use the option that will float above it.

Try me on Runbot

Known issues / Roadmap

  • Snippet is ugly, but that’s because mail client HTML engines usually lack many of the modern CSS and HTML features. I hope we will be able to improve this as mail clients keep improving.

  • To set the Horizontal Separator height, you have to click inside it, which will insert a <br type="_moz"/> in Firefox, that will make it seem like its height is at least like a caret, even if you set a lower value. Do not worry, it goes away when you press Save.

  • Some elements do not render with the proper width in MS Outlook. This should be added inside each snippet to make them work:

    <!--[if gte mso]>
        <style type="text/css">
        .fluid { width: 600px !important; }
        </style>
    <![endif]-->

    But right now the view parser eats comments, and if you avoid that then CKEditor will eat them, so there’s not an easy solution for now.

Bug Tracker

Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smashing it by providing a detailed and welcomed feedback.

Credits

Images

  • Odoo Community Association: Icon.

Contributors

Maintainer

Odoo Community Association

This module is maintained by the OCA.

OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.

To contribute to this module, please visit https://odoo-community.org.

Metadata

Release files for odoo8-addon-website-mail-snippet-responsive 8.0.2.1.0.99.dev10

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Built distribution (wheel)

Table of built distributions (wheels) for odoo8-addon-website-mail-snippet-responsive 8.0.2.1.0.99.dev10
File Interpreter ABI Platform
odoo8_addon_website_mail_snippet_responsive-8.0.2.1.0.99.dev10-py2-none-any.whl Python 2 none any Details

Release files / odoo8_addon_website_mail_snippet_responsive-8.0.2.1.0.99.dev10-py2-none-any.whl

Download URL odoo8_addon_website_mail_snippet_responsive-8.0.2.1.0.99.dev10-py2-none-any.whl
Size 146.3 kB
Tags Python 2
SHA-256 checksum
How to use checksums
28778f0d0db42cff398ae39f0cdaf4faad4ea5a963b8c4f9bdd24e8c41023b0d
BLAKE2b-256 checksum
How to use checksums
4fb3445bb03c77bcb1d20440f32bc28eff96f07f1840835ea49d0318973ad33e
Upload date
Uploaded using Trusted Publishing?
What is trusted publishing?
No
Uploaded via twine/4.0.1 CPython/3.8.5
Anthropic, PBC Visionary sponsor Bloomberg Visionary sponsor Hudson River Trading Visionary sponsor Meta Visionary sponsor NVIDIA Visionary sponsor Microsoft Sustainability sponsor Depot Continuous Integration AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Sentry Error logging StatusPage Status page