Search 1.9 billion lines of Odoo code on GitHub
website_mail_snippet_fixed
<a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.svg">
</a>
<a name="fixed-width-layout-snippets-for-writing-emails"></a>
<h2>Fixed-Width Layout Snippets for Writing Emails</h2>
<p>This module extends the functionality of the website mail designer with new
snippets with a fixed-width layout that works fine across any mail client,
including MS Outlook.</p>
<a name="installation"></a>
<h3>Installation</h3>
<p>This module is prepared to be compatible with module <code>website_mail_bg_color</code>.
If you install it, you will be able to change snippets' background colors, but
it is not required.</p>
<a name="usage"></a>
<h3>Usage</h3>
<p>To use this module, you need to:</p>
<ol class="arabic simple">
<li>Install any module that makes use of the website mail designer, such as
<code>mass_mailing</code>.</li>
<li>Edit an email with the website mail designer.</li>
<li>You have a new collection of snippets under <em>Fixed 560px Width</em> section.
Use them as usual.</li>
</ol>
<p>If you choose the <em>Horizontal Separator</em> 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.</p>
<a class="reference external image-reference" href="https://runbot.odoo-community.org/runbot/205/8.0"><img alt="Try me on Runbot" src="https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas" /></a>
<a name="known-issues-roadmap"></a>
<h3>Known issues / Roadmap</h3>
<ul class="simple">
<li>Snippet code 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.</li>
<li>To set the <em>Horizontal Separator</em> height, you have to click inside it, which
will insert a <code><br type="_moz"/></code> 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 <em>Save</em>.</li>
</ul>
<a name="bug-tracker"></a>
<h3>Bug Tracker</h3>
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/social/issues">GitHub Issues</a>. 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 <a class="reference external" href="https://github.com/OCA/social/issues/new?body=module:%20website_mail_snippet_fixed%0Aversion:%208.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<a name="credits"></a>
<h3>Credits</h3>
<a name="images"></a>
<h4>Images</h4>
<ul class="simple">
<li>Odoo Community Association: <a class="reference external" href="https://github.com/OCA/maintainer-tools/blob/master/template/module/static/description/icon.svg">Icon</a>.</li>
</ul>
<a name="contributors"></a>
<h4>Contributors</h4>
<ul class="simple">
<li>Daniel Gómez-Zurita <<a class="reference external" href="mailto:danielgz@antiun.com">danielgz@antiun.com</a>></li>
<li>Rafael Blasco <<a class="reference external" href="mailto:rafabn@antiun.com">rafabn@antiun.com</a>></li>
<li>Jairo Llopis <<a class="reference external" href="mailto:yajo.sk8@gmail.com">yajo.sk8@gmail.com</a>></li>
</ul>
<a name="maintainer"></a>
<h4>Maintainer</h4>
<a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a>
<p>This module is maintained by the OCA.</p>
<p>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.</p>
<p>To contribute to this module, please visit <a class="reference external" href="https://odoo-community.org">https://odoo-community.org</a>.</p>