Change Color of Tree View’s Lines in Odoo

Do you ever wish that you could change the color of the lines in the tree view in Odoo to reflect a certain line’s state? It can be a little hard to see what is going on if all of the lines are the same color. Luckily, there is an easy way to change this! In today’s blog post, we will show you how to change the color of the tree view’s lines in Odoo.

Odoo’s Tree view offers decoration property to allow to apply each line with a class depending on a condition.

<tree string="Model data" decoration-danger="type_=='bimonthly'" decoration-success="name=='DDD'">
    <field name="name"/>
    <field name="customer_id"/>
    <field name="payment_type" string="Type"/>

This propery is supported starting from Odoo 9.

All available decorations:

  • decoration-bf – shows the line in BOLD
  • decoration-it – shows the line in ITALICS
  • decoration-danger – shows the line in LIGHT RED
  • decoration-info – shows the line in LIGHT BLUE
  • decoration-muted – shows the line in LIGHT GRAY
  • decoration-primary – shows the line in LIGHT PURPLE
  • decoration-success – shows the line in LIGHT GREEN
  • decoration-warning – shows the line in LIGHT BROWN

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.