1. Home
  2. Wissensdatenbank
  3. Odoo
  4. Odoo – Topbar formatieren

Odoo – Topbar formatieren

Wenn du Odoo V15 nutzt und die Hintergrundfarbe der Topbar verändern möchtest, dann wird dir dieser Codeschnipsel weiterhelfen.

1. Navigiere zu den Ansichten

Aktiviere den Odoo Entwicklermodus um über Einstellungen in die Technischen Einstellungen zu wechseln.

Dort gehe zu dem Punkt Ansichten und erstelle dort eine neue Ansicht.

2. Neue Ansicht erstellen

Erstelle dann folgende Ansicht, welche die Standardeinstellung überschreiben wird. Damit diese Ansicht funktioniert, fülle folgende Felder:

  1. Ansichtsbezeichnung – kann frei gewählt werden
  2. Ansichtstyp – QWeb
  3. Sequenz – 16
  4. Abgeleitete Ansicht – Web layout
  5. Abgeleitete Ansicht . Erweiterungsübersicht

Füge dann folgenden Code ein, die Klammer “<“ & “>” musst du nach dem kopieren manuell nachtragen.

<data inherit_id="web.layout">
    <xpath expr="//body" position="inside">
        <style>
            .o_main_navbar {background-color: #326D93 !important;border-bottom: 0px;}
            .o_main_navbar .show .dropdown-toggle {background-color: #326D93;}
            .o_main_navbar > ul > li > a:hover, .o_main_navbar 
                   > ul > li > label:hover {background-color: #4a666f;}
            .o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar 
                   > button:hover, .o_main_navbar 
                   > button:focus {background-color: #4a666f;color: inherit;}
            .o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar 
                   > button:hover, .o_main_navbar 
                   > button:focus {background-color: #4a666f;color: inherit;}   
        </style>
    </xpath>
</data>

Das Ergebnis sollte so aussehen:

Dieser Beitrag ist auch verfügbar auf: English (Englisch)

War dieser Artikel hilfreich?

Ähnliche Artikel

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Veröffentlicht am - 9. Dez 2022
Geändert am - 9. Dec 2022
Ansichten - 513
Likes - 4
Skip to content