+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Listview Change Background Color +
+Change Background + Colors of Most Priority Records in Tree/List View Very Easily and Quickly
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ Change the color of important or favorite records from listview / treeview.
+ Which helps to save your time in search the records manually all the time. No need to worry, now you can review
+ most priority records very easily and quickly. It is available for any listview / treeview. You can customize
+ color based upon relevant records and needs.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+ 
+ Its available for all modules(tree/list View)
+
+
+ Its available for all modules(tree/list View)
+
+
+ You can change background colors of most priority records very easily and quickly
+
+
+ You can change background colors of most priority records very easily and quickly
+
+
+ You can highlight important or favorite records from listview / treeview for any module
+
+
+ You can highlight important or favorite records from listview / treeview for any module
+
+
+ It is available for any listview / treeview regardless of pagination limit
+
+
+ It is available for any listview / treeview regardless of pagination limit
+
+
+ You can choose any colors for any listview records
+
+
+ You can choose any colors for any listview records
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+ 
+
+ Listview Change + Background Color + +
+Go to Tree View -> + We can see an icon to change color of the tree view -> click on it +
+
+
+ 
+
+ ->Choose the color
+
+
+ 
+
+ ->See the colored tree + View
+
+
+
+
+ 
+
+
+ Related + Products +
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/listview_change_background_color/static/src/js/color_picker.js b/listview_change_background_color/static/src/js/color_picker.js
new file mode 100644
index 000000000..eb4f025ad
--- /dev/null
+++ b/listview_change_background_color/static/src/js/color_picker.js
@@ -0,0 +1,100 @@
+odoo.define('listview_change_background_color.colorpicker', function (require) {
+"use strict";
+
+var ListRenderer = require('web.ListRenderer');
+var dom = require('web.dom');
+var rpc = require('web.rpc');
+
+ListRenderer.include({
+events: _.extend({}, ListRenderer.prototype.events, {
+ 'click .color_picker': 'click_colorpicker',
+ 'change .color_picker': 'click_colorpicker',
+}),
+/**
+ * The _renderView function for calling the get_color()
+ * @override
+ */
+_renderView: function () {
+ var self = this;
+ return this._super.apply(this, arguments).then(function () {
+ self.get_color();
+ });
+ },
+/**
+ * When click the color label the selected color is passing to
+ * the color.picker model with current model and res_id
+ */
+click_colorpicker: function(ev) {
+ let res_id = ev.target.dataset.id;
+ ev.stopPropagation();
+ var color = ev.target.value
+ var res_model = this.state.model;
+ rpc.query({
+ model: 'color.picker',
+ method: 'get_color_picker_model_and_id',
+ kwargs: {
+ record: res_id,
+ model_name: res_model,
+ record_color: color,
+ },
+ });
+ ev.target.parentNode.parentNode.style.backgroundColor = color
+},
+/**
+ * Rendering checkbox having input type color
+ */
+_renderSelectorColor: function(tag, record) {
+ dom.renderCheckbox().find("input[type='checkbox']").prop('disabled');
+ return $('<' + tag + '>')
+ .append($(''));
+},
+/**
+ * Override _renderHeader to add color heading.
+ * @override
+ */
+_renderHeader: function() {
+ var $thead = this._super.apply(this, arguments);
+ if (this.hasSelectors) {
+ $thead.find('th.o_list_record_selector').after($('
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+