Search 1.9 billion lines of Odoo code on GitHub
app_web_widget_color
<h1 class="title">Web Widget Color</h1>
<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" 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.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/11.0/app_web_widget_color"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-11-0/web-11-0-app_web_widget_color"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/11.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
<p>This module aims to add a color picker to Odoo.</p>
<p>It's a <a class="reference external" href="http://jscolor.com/">jsColor</a> lib integration.</p>
<a name="features"></a>
<h2>Features</h2>
<ul>
<li><p class="first">The picker allow the user to quickly select a color on edit mode</p>
<p><img alt="picker" src="./images/picker.png" /></p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">Notice how html code and the background color is updating when selecting a color.</p>
</div>
</li>
<li><p class="first">Display the color on form view when you are not editing it</p>
<p><img alt="formview" src="./images/form_view.png" /></p>
</li>
<li><p class="first">Display the color on list view to quickly find what's wrong!</p>
<p><img alt="listview" src="./images/list_view.png" /></p>
</li>
</ul>
<p><strong>Table of contents</strong></p>
<a name="usage"></a>
<h2>Usage</h2>
<p>You need to declare a char field:</p>
<pre>
<code>color = fields.Char(
string="Color",
help="Choose your color"
)</code>
</pre>
<p>In the view declaration, put widget='color' attribute in the field tag:</p>
<pre>
<code>...
<field name="arch" type="xml">
<tree string="View name">
...
<field name="color" widget="color"/>
...
</tree>
</field>
...
<field name="arch" type="xml">
<form string="View name">
...
<field name="color" widget="color"/>
...
</form>
</field>
...</code>
</pre>
<p>Widget Options:</p>
<pre>
<code>- readonly_mode
- 'default' > Color Box + text
- 'color' > Only Color Box
- 'text' > Only Text
...
<field name="arch" type="xml">
<tree string="View name">
...
<field name="color" widget="color" options="{'readonly_mode': 'color'}"/>
...
</tree>
</field>
...</code>
</pre>
<a name="bug-tracker"></a>
<h2>Bug Tracker</h2>
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/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/web/issues/new?body=module:%20app_web_widget_color%0Aversion:%2011.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<p>Do not contact contributors directly about support or help with technical issues.</p>
<a name="credits"></a>
<h2>Credits</h2>
<a name="authors"></a>
<h3>Authors</h3>
<ul class="simple">
<li>Savoir-faire Linux</li>
<li>Anybox</li>
<li>Taktik SA</li>
<li>Sudokeys</li>
</ul>
<a name="contributors"></a>
<h3>Contributors</h3>
<ul class="simple">
<li>Adil Houmadi <<a class="reference external" href="mailto:adil.houmadi@gmail.com">adil.houmadi@gmail.com</a>></li>
<li>Enric Tobella <<a class="reference external" href="mailto:etobella@creublanca.es">etobella@creublanca.es</a>></li>
<li>Nicolas JEUDY (Sudokeys) <<a class="reference external" href="https://www.github.com/njeudy">https://www.github.com/njeudy</a>></li>
<li>Alexandre Díaz <<a class="reference external" href="mailto:dev@redneboa.es">dev@redneboa.es</a>></li>
</ul>
<a name="maintainers"></a>
<h3>Maintainers</h3>
<p>This module is maintained by the OCA.</p>
<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>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>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/11.0/app_web_widget_color">OCA/web</a> project on GitHub.</p>
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>