How to add css files to a custom module in Odoo?

aispobla picture aispobla · Sep 29, 2015 · Viewed 10.4k times · Source

How can I add css files to my custom module to change xml views? I found this post but the solution is not working.

I want modify all the elements from my module, such as forms, lists, inputs, etc.

Answer

ChesuCR picture ChesuCR · Sep 29, 2015
  1. You must create the css file in this route: /module_name/static/src/css/module_name.css. Example of file:
.openerp .classname{
    margin: 12px 0px 12px 0px;
}
  1. Create the file /module_name/views/module_name.xml with this content:
<?xml version="1.0"?>
<openerp>
    <data>
        <template id="assets_backend" name="module_name assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/module_name/static/src/css/module_name.css"/>
            </xpath>
        </template>
    </data>     
</openerp>
  1. Add the xml file to your __openerp.__py
'data': [
    'views/module_name.xml',
],
  1. Add the class to the elements in the view
<div class="classname">                            
    <field name="field_name" class="other_class"/>
</div>