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 So aktivierst du den Odoo Entwicklermodus: Developer Mode in Odoo aktivieren 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: