Skip to Content
Odoo Meniu
  • Autentificare
  • Try it free
  • Aplicații
    Finanțe
    • Contabilitate
    • Facturare
    • Cheltuieli
    • Spreadsheet (BI)
    • Documente
    • Semn
    Vânzări
    • CRM
    • Vânzări
    • POS Shop
    • POS Restaurant
    • Abonamente
    • Închiriere
    Site-uri web
    • Constructor de site-uri
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Lanț Aprovizionare
    • Inventar
    • Producție
    • PLM
    • Achiziție
    • Maintenance
    • Calitate
    Resurse Umane
    • Angajați
    • Recrutare
    • Time Off
    • Evaluări
    • Referințe
    • Flotă
    Marketing
    • Social Marketing
    • Marketing prin email
    • SMS Marketing
    • Evenimente
    • Automatizare marketing
    • Sondaje
    Servicii
    • Proiect
    • Foi de pontaj
    • Servicii de teren
    • Centru de asistență
    • Planificare
    • Programări
    Productivitate
    • Discuss
    • Aprobări
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Aplicații Terțe Odoo Studio Platforma Odoo Cloud
  • Industrii
    Retail
    • Book Store
    • Magazin de îmbrăcăminte
    • Magazin de Mobilă
    • Magazin alimentar
    • Magazin de materiale de construcții
    • Magazin de jucării
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Distribuitor de băuturi
    • Hotel
    Proprietate imobiliara
    • Real Estate Agency
    • Firmă de Arhitectură
    • Construcție
    • Estate Managament
    • Grădinărit
    • Asociația Proprietarilor de Proprietăți
    Consultanta
    • Firma de Contabilitate
    • Partener Odoo
    • Agenție de marketing
    • Law firm
    • Atragere de talente
    • Audit & Certification
    Producție
    • Textil
    • Metal
    • Mobilier
    • Mâncare
    • Brewery
    • Cadouri corporate
    Health & Fitness
    • Club Sportiv
    • Magazin de ochelari
    • Centru de Fitness
    • Wellness Practitioners
    • Farmacie
    • Salon de coafură
    Trades
    • Handyman
    • IT Hardware and Support
    • Asigurare socială de stat
    • Cizmar
    • Servicii de curățenie
    • HVAC Services
    Altele
    • Organizație nonprofit
    • Agenție de Mediu
    • Închiriere panouri publicitare
    • Fotografie
    • Închiriere biciclete
    • Asigurare socială
    Browse all Industries
  • Comunitate
    Învăță
    • Tutorials
    • Documentație
    • Certificări
    • Instruire
    • Blog
    • Podcast
    Empower Education
    • Program Educațional
    • Scale Up! Business Game
    • Visit Odoo
    Obține Software-ul
    • Descărcare
    • Compară Edițiile
    • Lansări
    Colaborați
    • Github
    • Forum
    • Evenimente
    • Translations
    • Devino Partener
    • Services for Partners
    • Înregistrează-ți Firma de Contabilitate
    Obține Servicii
    • Găsește un Partener
    • Găsiți un contabil
    • Meet an advisor
    • Servicii de Implementare
    • Referințe ale clienților
    • Suport
    • Actualizări
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Obține un demo
  • Prețuri
  • Ajutor

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Contabilitate
  • Inventar
  • PoS
  • Proiect
  • MRP
All apps
Trebuie să fiți înregistrat pentru a interacționa cu comunitatea.
All Posts Oameni Insigne
Etichete (View all)
odoo accounting v14 pos v15
Despre acest forum
Trebuie să fiți înregistrat pentru a interacționa cu comunitatea.
All Posts Oameni Insigne
Etichete (View all)
odoo accounting v14 pos v15
Despre acest forum
Suport

Change the color of cards in the kanban view

Abonare

Primiți o notificare când există activitate la acestă postare

Această întrebare a fost marcată
4 Răspunsuri
7854 Vizualizări
Imagine profil
Pavel
I need to change the color of cards in the kanban view according to a condition, which would be the status(field stage_id), I am doing this but it does not work for me,
that is in odoo15 and I want to do it in this view
maintenance.hr_equipment_request_view_kanban, it changes the color for me, but the condition does not work for me, it puts them all the same color

expr="//div[contains(@t-attf-class, 'oe_kanban_card')]" position="attributes">
t-debug="pdb">
t-if="record.name.raw_value == 'Pendiente'">
name="t-attf-style">background-color: #0adbf4;

t-else="">
name="t-attf-style">background-color: #09c05f;




1
Imagine profil
Abandonează
Imagine profil
Jainesh Shah(Aktiv Software)
Cel mai bun răspuns

Hi @Pavel

Hope you are doing well.

Here in your code the issue being caused is that the t-if condition is not being applied as this does not work.
For this you will need to apply the condition within the attribute > t-att-style which will solve the issue you are getting for all the cards getting the same color applied.

Please find code in comment.

I hope this will help you. 

Thanks & Regards,
Email: odoo@aktivsoftware.com
Skype: kalpeshmaheshwari

0
Imagine profil
Abandonează
Jainesh Shah(Aktiv Software)

Here is a code sample for reference:

<xpath expr="//div[contains(@t-attf-class, 'oe_kanban_card')]" position="attributes">
<attribute name="t-att-style">(record.stage_id.value == 'New Request') and 'background-color: #0adbf4;' or 'background-color: #09c05f;'</attribute>
</xpath>

Pavel
Autor

It worked for me, thank you very much, I only have the doubt, here I see that field_name.value takes the value that the field has in the form, in the text field, but how to take the value that is in the database, for example stage_id in base of data saves an id and another thing is that I have tried with fields that I add with inheritance and it gives me the following error
UncaughtPromiseError > TypeError

Unknown promise > dict.record.maintenance_type is undefined

Jainesh Shah(Aktiv Software)

Hi @Pavel

As you have seen that I have used (record.stage_id.value == 'New Request') so this will take the form value in text field (which is visible in form).

As you need to take the value from the database which will be the id you will then need to use this line of code (record.stage_id.raw_value == 5) instead of the record.stage_id.value.

For the error that you are facing is because you will need to add the field in the kanban view before you can use it in the view.

Here is the code that you could also use if you need the same thing for the other field:
<xpath expr="//field[@name='activity_state']" position="after">
<field name="maintenance_type"/>
</xpath>
<xpath expr="//div[contains(@t-attf-class, 'oe_kanban_card')]" position="attributes">
<attribute name="t-att-style">(record.maintenance_type.raw_value == 'preventive') and 'background-color: #0adbf4;' or 'background-color: #09c05f;'</attribute>
</xpath>

Hope this will solve you problem.

Pavel
Autor

excellent answer, thank you very much for your help

Imagine profil
Pete Charalampopoulos
Cel mai bun răspuns

How about if we want the code to work for past the deadline? Make the card red when todays date is greater than the deadline date?

i modified the code to this:


(record\.date_deadline\.value\ ==\ context_timestamp\(datetime.date.today())) and 'background-color: #0adbf4;' or 'background-color: #09c05f;'

but i get the following error:

Uncaught Promise > Cannot read properties of undefined (reading 'date')

0
Imagine profil
Abandonează
Imagine profil
Cybrosys Techno Solutions Pvt.Ltd
Cel mai bun răspuns

Hi,

Try the below code.

<xpath expr="//div[contains(@t-attf-class, 'oe_kanban_card')]"
                   position="replace">
                <t t-if="record.stage_name.value == 'New Request'">
                  <div t-attf-class="{{!selection_mode ? 'oe_kanban_color_' + kanban_getcolor(record.color.raw_value) : ''}} oe_kanban_card oe_kanban_global_click                     oe_semantic_html_override"
                         style="background-color: #0adbf4;">....</div>
                </t>
                <t t-else="">
                <div t-attf-class="{{!selection_mode ? 'oe_kanban_color_' + kanban_getcolor(record.color.raw_value) : ''}} oe_kanban_card oe_kanban_global_click                     oe_semantic_html_override"
                         style="background-color: #09c05f;">....</div>
                </t>
</xpath>


We will get output like below.


Regards

0
Imagine profil
Abandonează
Pavel
Autor

It did not work for me, the stage_name field does not exist, the one that is called stage_id, also as you used replace, what it does is put a div without data and green when I try with a field that exists

Imagine profil
Pavel
Autor Cel mai bun răspuns
It worked for me, thank you very much, I only have the doubt, here I see that field_name.value takes the value that the field has in the form, in the text field, but how to take the value that is in the database, for example stage_id in base of data saves an id and another thing is that I have tried with fields that I add with inheritance and it gives me the following error
UncaughtPromiseError > TypeError

Unknown promise > dict.record.maintenance_type is undefined


0
Imagine profil
Abandonează
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Înscrie-te
Comunitate
  • Tutorials
  • Documentație
  • Forum
Open Source
  • Descărcare
  • Github
  • Runbot
  • Translations
Servicii
  • Hosting Odoo.sh
  • Suport
  • Actualizare
  • Custom Developments
  • Educație
  • Găsiți un contabil
  • Găsește un Partener
  • Devino Partener
Despre Noi
  • Compania noastră
  • Active de marcă
  • Contactați-ne
  • Locuri de muncă
  • Evenimente
  • Podcast
  • Blog
  • Clienți
  • Aspecte juridice • Confidențialitate
  • Securitate
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo este o suită de aplicații de afaceri open source care acoperă toate nevoile companiei dvs.: CRM, comerț electronic, contabilitate, inventar, punct de vânzare, management de proiect etc.

Propunerea de valoare unică a Odoo este să fie în același timp foarte ușor de utilizat și complet integrat.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now