v 9.0 v 10.0 v 11.0 Third Party 24
You bought this module and need support? Click here!

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

Need our service?

Contact us by email or fill out request form

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

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author or have a question related to your purchase, please use the support page.