OdooWiki OCA HUB

Web Widget Color

web_widget_color folder_open OCA/web open_in_new
web License: AGPL-3

This module aims to add a color picker to Odoo.

It's a jsColor lib integration.

Features

  • The picker allow the user to quickly select a color on edit mode |picker|
  • Display the color on form view when you are not editing it |formview|
  • Display the color on list view to quickly find what's wrong! |listview|

auto_awesome What this module does

AI-generated from the code · Odoo 12.0

Adds a color picker widget for text fields in Odoo, so users can pick a color instead of typing a color code. The chosen color is shown as a colored box in read-only form and list views.

This module gives Odoo a new field widget called color that can be used on text fields. When a user edits a record, the field shows a small color picker (based on the jscolor library) instead of a plain text box, so a color can be selected quickly with the mouse.

When the record is not being edited, the value is displayed as a colored box, and the color code text can also be shown next to it. The same colored box appears in list views, which makes it easy to spot the right or wrong color at a glance.

  • The widget respects the field's required setting: if the field is mandatory, the picker also requires a value.
  • In list views, a row that is currently using the color picker is not unselected when the user clicks elsewhere, so the picker stays open while choosing a color.
  • The widget can be configured to show only the color box, only the text, or both, through a read-only mode option.

The module only touches the web client interface; it does not create any new database model, menu, or report. It simply adds the widget and its styling to the backend assets, so developers can attach it to any text field in a form or list view.

Depends on

web

Text generated by AI (DeepSeek) from reading the Odoo 12.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub

Availability by version

Reviewed: 2026-11-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 1 confirmed, 8 with no information of 9 versions.

terminal Installation and usage

OCA documentation · Odoo 12.0

Usage

Source · Odoo 12.0

You need to declare a char field:

color = fields.Char(
    string="Color",
    help="Choose your color"
)

In the view declaration, put widget='color' attribute in the field tag:

...
<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>
...

Widget Options:

- 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>
...

No verified information in OCA: Installation, Configuration.

info

Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.