Overslaan naar inhoud
Odoo Menu
  • Aanmelden
  • Probeer het gratis
  • Apps
    Financiën
    • Boekhouding
    • Facturatie
    • Onkosten
    • Spreadsheet (BI)
    • Documenten
    • Ondertekenen
    Verkoop
    • CRM
    • Verkoop
    • Kassasysteem winkel
    • Kassasysteem Restaurant
    • Abonnementen
    • Verhuur
    Websites
    • Websitebouwer
    • E-commerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Bevoorradingsketen
    • Voorraad
    • Productie
    • PLM
    • Inkoop
    • Onderhoud
    • Kwaliteit
    Personeelsbeheer
    • Werknemers
    • Werving & Selectie
    • Verlof
    • Evaluaties
    • Aanbevelingen
    • Wagenpark
    Marketing
    • Social media Marketing
    • E-mailmarketing
    • SMS Marketing
    • Evenementen
    • Marketingautomatisering
    • Enquêtes
    Diensten
    • Project
    • Urenstaten
    • Buitendienst
    • Helpdesk
    • Planning
    • Afspraken
    Productiviteit
    • Chat
    • Goedkeuringen
    • IoT
    • VoIP
    • Kennis
    • WhatsApp
    Apps van derden Odoo Studio Odoo Cloud Platform
  • Bedrijfstakken
    Detailhandel
    • Boekhandel
    • kledingwinkel
    • Meubelzaak
    • Supermarkt
    • Bouwmarkt
    • Speelgoedwinkel
    Food & Hospitality
    • Bar en Pub
    • Restaurant
    • Fastfood
    • Gastenverblijf
    • Drankenhandelaar
    • Hotel
    Vastgoed
    • Makelaarskantoor
    • Architectenbureau
    • Bouw
    • Vastgoedbeheer
    • Tuinieren
    • Vereniging van eigenaren
    Consulting
    • Accountantskantoor
    • Odoo Partner
    • Marketingbureau
    • Advocatenkantoor
    • Talentenwerving
    • Audit & Certificering
    Productie
    • Textiel
    • Metaal
    • Meubels
    • Eten
    • Brewery
    • Relatiegeschenken
    Gezondheid & Fitness
    • Sportclub
    • Opticien
    • Fitnesscentrum
    • Wellness-medewerkers
    • Apotheek
    • Kapper
    Trades
    • Klusjesman
    • IT-hardware & support
    • Zonne-energiesystemen
    • Schoenmaker
    • Schoonmaakdiensten
    • HVAC-diensten
    Andere
    • Non-profitorganisatie
    • Milieuagentschap
    • Verhuur van Billboards
    • Fotograaf
    • Fietsleasing
    • Softwareverkoper
    Browse all Industries
  • Community
    Leren
    • Tutorials
    • Documentatie
    • Certificeringen
    • Training
    • Blog
    • Podcast
    Versterk het onderwijs
    • Onderwijs- programma
    • Scale Up! Business Game
    • Bezoek Odoo
    Download de Software
    • Downloaden
    • Vergelijk edities
    • Releases
    Werk samen
    • Github
    • Forum
    • Evenementen
    • Vertalingen
    • Word een Partner
    • Services for Partners
    • Registreer je accountantskantoor
    Diensten
    • Vind een partner
    • Vind een boekhouder
    • Een adviseur ontmoeten
    • Implementatiediensten
    • Klantreferenties
    • Ondersteuning
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Vraag een demo aan
  • Prijzen
  • Help

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

  • CRM
  • e-Commerce
  • Boekhouding
  • Voorraad
  • PoS
  • Project
  • MRP
All apps
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
odoo accounting v14 pos v15
Over dit forum
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
odoo accounting v14 pos v15
Over dit forum
Help

Odoo11: kanban background color

Inschrijven

Ontvang een bericht wanneer er activiteit is op deze post

Deze vraag is gerapporteerd
kanbanbackgroundodoo11JS
1 Beantwoorden
9127 Weergaven
Avatar
Lucia C.H.

We are using Odoo11 with the standard CRM addon.

Our users would like to have a (light) red background for lost opportunities and a (light) green background for won opportunities in the kanban view (model: crm.lead).

I have found that the option to color the background was replaced by a colored bar from v10 onwards. See: https://github.com/odoo/odoo/issues/34504

However, one answer to the issue contains a sample of how the background can be colored anyway.

I tried to modify this approach according to my needs but I cannot get it to work. Can someone here help, please?

I tried to add a condition that changes the background color depending on the probability: 0 means "lost" => red background, 100 means "won" => green background.

The resulting error message is all about Javascript & as I'm no pro in JS I'm clueless what it means.

My code looks like this:

<xpath expr="/kanban/templates/t/div//div[@class='oe_kanban_content']"
position="replace">
<div t-if="record.probability.raw_value == 0" style="background-color: #00FF00;">
<div class="oe_kanban_content">
...
... (I inserted code from the original view here - not good practice, I know)
...
</div>
</div>
</xpath>
0
Avatar
Annuleer
Lucia C.H.
Auteur

Hello Chris, thank you for your answer. This took me on step further (kind of) but it didn't solve my problem.

One step further because the code works & does indead change the color of the kanban items - but instead of the background it only changes the thin bar on the left side.

The field x_studio_vip_color is nothing 'special' coming from JS - it's just a field you added on your own, right?

One question: The original code uses class="oe_kanban_content" and not class="o_kanban_card_content". Does that make a (big) difference?

Chris TRINGHAM

Sorry, this is an example that I managed to get working in a test database without fully understanding all the details. The concept is that there are VIP customers so the Kanban card changes color. That field was added to the customer.

On my system it changes the background color of the card. What version of Odoo are you using?

Lucia C.H.
Auteur

<p>

We are using Odoo11.

<br/></p>

Avatar
Chris TRINGHAM
Beste antwoord

This might work.  It uses an (invisible) field x_studio_vip_color to control the color

<kanban string="Customer Product">

<templates>
<t t-name="kanban-box">
<div t-attf-class="oe_kanban_bg_custom
#{kanban_color(record.x_studio_vip_color.raw_value)}
oe_kanban_global_click">
<div class="o_kanban_card_content">
<field name="id" modifiers="{"readonly": true}"/>
<field name="x_studio_vip_color" attrs="{}" invisible="1"/>
</div>
</div>
</t>
</templates>
</kanban>
-1
Avatar
Annuleer
Geniet je van het gesprek? Blijf niet alleen lezen, doe ook mee!

Maak vandaag nog een account aan om te profiteren van exclusieve functies en deel uit te maken van onze geweldige community!

Aanmelden
Gerelateerde posts Antwoorden Weergaven Activiteit
trim content in kanban view -Odoo 11
kanban odoo11
Avatar
Avatar
1
apr. 19
5500
TypeError: node is undefined Kanban view Opgelost
xml kanban odoo11
Avatar
1
sep. 21
9415
how to change group_by in existing kanban view in odoo 11 Opgelost
kanban group_by odoo11
Avatar
Avatar
1
apr. 21
4720
on_create functionality in tree view
tree kanban odoo11
Avatar
0
nov. 19
5057
ODOO11: Total of Colum in kanban view
kanban total odoo11
Avatar
0
nov. 18
3105
Community
  • Tutorials
  • Documentatie
  • Forum
Open Source
  • Downloaden
  • Github
  • Runbot
  • Vertalingen
Diensten
  • Odoo.sh Hosting
  • Ondersteuning
  • Upgrade
  • Gepersonaliseerde ontwikkelingen
  • Onderwijs
  • Vind een boekhouder
  • Vind een partner
  • Word een Partner
Over ons
  • Ons bedrijf
  • Merkelementen
  • Neem contact met ons op
  • Vacatures
  • Evenementen
  • Podcast
  • Blog
  • Klanten
  • Juridisch • Privacy
  • Beveiliging
الْعَرَبيّة 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 is een suite van open source zakelijke apps die aan al je bedrijfsbehoeften voldoet: CRM, E-commerce, boekhouding, inventaris, kassasysteem, projectbeheer, enz.

Odoo's unieke waardepropositie is om tegelijkertijd zeer gebruiksvriendelijk en volledig geïntegreerd te zijn.

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