Brand kit

by ,
Odoo          
v 10.0 Third Party 21

399.00 €

Technical name theme_kit
LicenseGPL-3
Websitehttps://it-projects.info
Read description for v 11.0 v 9.0
Included Dependencies Backend debranding
Web Widget Color
Show settings menu for non-admin
Protect ir.rule records
Restricted administration rights
Web login background
Mail Base
Control access to Apps

Brand kit

Brand your odoo instance in few clicks

One place to make brand configuration

Apply existed color scheme or create new one

Specify a branded name for your odoo instance. For example,

  • IT-Projects' Portal
  • IT-Projects' Operation System
  • etc.

It will be used in context like followings:

Finally, update wallpaper for login page

The module works for both Community and Enterprise versions.

Tested on Odoo
10.0 community
Tested on Odoo
10.0 enterprise

Brand kit

Installation

Configuration

  • Enable technical features
  • Open menu Settings / Brand Kit / Brand
  • Choose Color Scheme or create new one. To return default color scheme set empty value
  • Favicon: type some name (e.g. favicon) and click Create and Edit
    • Choose Type (File or URL), then upload icon or specify url
  • Click [Apply]

To temporarly undo Color Scheme (e. g. if you have applied non-contrast background and text colors)

  • Open browser console (F12 in Chrome)

  • Type and click Enter:

    $('#custom_css').remove()

Examples of the use of custom JS and Less

  • JS:

    $(document).ready(function(){
        var ribbon = $('<div class="test-ribbon"/>');
        $('body').append(ribbon);
        ribbon.html("Demo");
    })
    
  • css:

    .test-ribbon{
        width: 200px;
        top: 25px;
        left: -50px;
        text-align: center;
        line-height: 50px;
        letter-spacing: 1px;
        color: darken(#f0f0f0, 5%);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 9999;
        position: fixed;
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        background: rgba(255,0,0,.6);
        pointer-events: none;
    }
    
    .test-ribbon b {
        font-size: 20px;
    }
    

Please log in to comment on this module