+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ 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 A 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..0d947ad25
--- /dev/null
+++ b/listview_change_background_color/static/src/js/color_picker.js
@@ -0,0 +1,102 @@
+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',
+}),
+
+/**
+ * @override
+ */
+start: function() {
+ this._super.apply(this, arguments);
+ this.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_id: 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').before($('
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+