Passa al contenuto
Odoo Menu
  • Accedi
  • Provalo gratis
  • App
    Finanze
    • Contabilità
    • Fatturazione
    • Note spese
    • Fogli di calcolo (BI)
    • Documenti
    • Firma
    Vendite
    • CRM
    • Vendite
    • Punto vendita Negozio
    • Punto vendita Ristorante
    • Abbonamenti
    • Noleggi
    Siti web
    • Configuratore sito web
    • E-commerce
    • Blog
    • Forum
    • Live chat
    • E-learning
    Supply chain
    • Magazzino
    • Produzione
    • PLM
    • Acquisti
    • Manutenzione
    • Qualità
    Risorse umane
    • Dipendenti
    • Assunzioni
    • Ferie
    • Valutazioni
    • Referral dipendenti
    • Parco veicoli
    Marketing
    • Social marketing
    • E-mail marketing
    • SMS marketing
    • Eventi
    • Marketing automation
    • Sondaggi
    Servizi
    • Progetti
    • Fogli ore
    • Assistenza sul campo
    • Helpdesk
    • Pianificazione
    • Appuntamenti
    Produttività
    • Comunicazioni
    • Approvazioni
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    App di terze parti Odoo Studio Piattaforma cloud Odoo
  • Settori
    Retail
    • Libreria
    • Negozio di abbigliamento
    • Negozio di arredamento
    • Alimentari
    • Ferramenta
    • Negozio di giocattoli
    Cibo e ospitalità
    • Bar e pub
    • Ristorante
    • Fast food
    • Pensione
    • Grossista di bevande
    • Hotel
    Agenzia immobiliare
    • Agenzia immobiliare
    • Studio di architettura
    • Edilizia
    • Gestione immobiliare
    • Impresa di giardinaggio
    • Associazione di proprietari immobiliari
    Consulenza
    • Società di contabilità
    • Partner Odoo
    • Agenzia di marketing
    • Studio legale
    • Selezione del personale
    • Audit e certificazione
    Produzione
    • Tessile
    • Metallo
    • Arredamenti
    • Alimentare
    • Birrificio
    • Ditta di regalistica aziendale
    Benessere e sport
    • Club sportivo
    • Negozio di ottica
    • Centro fitness
    • Centro benessere
    • Farmacia
    • Parrucchiere
    Commercio
    • Tuttofare
    • Hardware e assistenza IT
    • Ditta di installazione di pannelli solari
    • Calzolaio
    • Servizi di pulizia
    • Servizi di climatizzazione
    Altro
    • Organizzazione non profit
    • Ente per la tutela ambientale
    • Agenzia di cartellonistica pubblicitaria
    • Studio fotografico
    • Punto noleggio di biciclette
    • Rivenditore di software
    Carica tutti i settori
  • Community
    Apprendimento
    • Tutorial
    • Documentazione
    • Certificazioni 
    • Formazione
    • Blog
    • Podcast
    Potenzia la tua formazione
    • Programma educativo
    • Scale Up! Business Game
    • Visita Odoo
    Ottieni il software
    • Scarica
    • Versioni a confronto
    • Note di versione
    Collabora
    • Github
    • Forum
    • Eventi
    • Traduzioni
    • Diventa nostro partner
    • Servizi per partner
    • Registra la tua società di contabilità
    Ottieni servizi
    • Trova un partner
    • Trova un contabile
    • Incontra un esperto
    • Servizi di implementazione
    • Testimonianze dei clienti
    • Supporto
    • Aggiornamenti
    GitHub Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Richiedi una demo
  • Prezzi
  • Aiuto

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

  • CRM
  • e-Commerce
  • Contabilità
  • Magazzino
  • PoS
  • Progetti
  • MRP
All apps
È necessario essere registrati per interagire con la community.
Tutti gli articoli Persone Badge
Etichette (Mostra tutto)
odoo accounting v14 pos v15
Sul forum
È necessario essere registrati per interagire con la community.
Tutti gli articoli Persone Badge
Etichette (Mostra tutto)
odoo accounting v14 pos v15
Sul forum
Assistenza

Change the color of cards in the kanban view

Iscriviti

Ricevi una notifica quando c'è un'attività per questo post

La domanda è stata contrassegnata
4 Risposte
7887 Visualizzazioni
Avatar
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
Avatar
Abbandona
Avatar
Jainesh Shah(Aktiv Software)
Risposta migliore

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
Avatar
Abbandona
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
Autore

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
Autore

excellent answer, thank you very much for your help

Avatar
Pete Charalampopoulos
Risposta migliore

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
Avatar
Abbandona
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Risposta migliore

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
Avatar
Abbandona
Pavel
Autore

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

Avatar
Pavel
Autore Risposta migliore
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
Avatar
Abbandona
Ti stai godendo la conversazione? Non leggere soltanto, partecipa anche tu!

Crea un account oggi per scoprire funzionalità esclusive ed entrare a far parte della nostra fantastica community!

Registrati
Community
  • Tutorial
  • Documentazione
  • Forum
Open source
  • Scarica
  • Github
  • Runbot
  • Traduzioni
Servizi
  • Hosting Odoo.sh
  • Supporto
  • Aggiornamenti
  • Sviluppi personalizzati
  • Formazione
  • Trova un contabile
  • Trova un partner
  • Diventa nostro partner
Chi siamo
  • La nostra azienda
  • Branding
  • Contattaci
  • Lavora con noi
  • Eventi
  • Podcast
  • Blog
  • Clienti
  • Note legali • Privacy
  • Sicurezza
الْعَرَبيّة 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 è un gestionale di applicazioni aziendali open source pensato per coprire tutte le esigenze della tua azienda: CRM, Vendite, E-commerce, Magazzino, Produzione, Fatturazione elettronica, Project Management e molto altro.

Il punto di forza di Odoo è quello di offrire un ecosistema unico di app facili da usare, intuitive e completamente integrate tra loro.

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