Odoo Help

Welcome!

This community is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.

1

How to add CSS and JS (javascript) files in Openerp 7 / Odoo 8 module?

By
Temur
on 2/17/15, 4:28 AM 4,366 views

Thanks for downvote @Dr Obx!

Temur
on 10/12/15, 11:02 AM

@Dr Obx, any suggestions to improve this Q/A? What you do not like exactly? Please share your thoughts with us

Temur
on 10/12/15, 11:15 AM
4

Temur

--Temur--
2896
| 6 5 7
Tbilisi, Georgia
--Temur--
Programmer
Temur
On 2/17/15, 4:31 AM

1. Store files correctly:

CSS and JS files should be reside under 'static' directory in the module(the rest of subdirectory tree under 'static' is an optional convention):

  • static/src/css/your_file.css
  • static/src/js/your_file.js

2. Add files in manifest (v7.0) or in XML(v8.0)

  • Openerp v7.0 way is to add following entries in manifest (in __openerp__.py):
    ...
    'css': ['static/src/css/your_file.css'],
    'js': [static/src/js/your_file.js'],
    ...
  • Odoo v8.0 way is to add corresponding record in the XML:
    • ​Add XML to the manifest (__openerp__.py):
      ...
      'data': [ 'your_file.xml'],
      ​...
    • Then add following record in 'your_file.xml':
      <openerp>
          <data>
              <template id="assets_backend" name="your_module_name assets" inherit_id="web.assets_backend">
                  <xpath expr="." position="inside">
                      <link rel='stylesheet' href="/your_module_name/static/src/css/your_file.css"/>
                      <script type="text/javascript" src="/your_module_name/static/src/js/your_file.js"></script>
                  </xpath>
              </template>
          ....
          ....
          </data>
       </openerp>
Temur
on 8/1/15, 10:51 AM

With the similar way, we can add css/js to the public website, for doing so, we use

inherit_id="website.assets_frontend"
instead of
inherit_id="web.assets_backend"
replacing "assets_backend" with "assets_frontend" and "web" with "website"...
Temur
on 10/12/15, 11:38 AM

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

2 follower(s)

Stats

Asked: 2/17/15, 4:28 AM
Seen: 4366 times
Last updated: 5/31/16, 8:54 AM