12 - Odoo - Customize many2one_avatar widget

[ThinhPhan]

Goal

• Show avatar/logo and name of record
• Show arrow button (>) to go to record

Solution

• Use widget many2one_avatar with class mixin avatar.mixin to achieve first goal
• For the second goal, there is no way without customize the many2one_avatar widget

Issue

The arrow not horizontal align with avatar & name. They are on 2 lines as the below illustration

( ) Name      | -----------> ( ) Name >
>             |

Change style display: block -> display: inline-block make the trick. (Bang the head to the wall to find workaround fix like change xpath to div, change position to inside but doesn't work).

References

1. Using mixin class (avatar_mixin) to support show avatar next to many2one record (employee)

• [FIX] fleet: missing avatar image for model and vehicle field · odoo/odoo@f4fab2d (github.com)
• [15] many2one_avatar widget broken in tree views after avatar_mixin.py introduction · Issue #95883 · odoo/odoo (github.com)

Mixin Classes

• Extend Models Using Mixin Classes in Odoo 16 (cybrosys.com)
• How to Extend Models Using Mixin Classes in Odoo 16 (cybrosys.com)
• Class Mixin là gì và Cách sử dụng class Mixin trong Odoo 15 – HungPT's Blog

2. Add/Modify many2one widget

• web/web_tree_many2one_clickable at 16.0 · OCA/web (github.com) -> I used this code for my final fix. Check my fork here
• How to Effectively Create a Field Widget in Odoo 15 (cybrosys.com)
• Web Development: Custom Widgets | Odoo 16 Development Book (cybrosys.com)
• Custom Widgets resources | Odoo 17 Development Book (cybrosys.com)
• znry27/many2many_tags_link: Odoo Many2many Tag Widget With Clickable Link (github.com)
• How to add a new clickable many2many widget | Odoo

3. Customize fields
   • Customize a field — Odoo 17.0 documentation

[ThinhPhan]

XPath Cheatsheet

Odoo XPath Guide https://github.com/salvorapi/odoo-xpath-tutorial

XPath cheatsheet

Odoo XPath Doc

https://odoo-development.readthedocs.io/en/latest/dev/xml/xpath.html To test xpath

#Odoo tip - XPath playground:
$ sudo apt-get install libxml-xpath-perl
$ xpath -e "//record[@id=',,,']" -e "//field[@name='...']" *.xml