中菁- odoo  ERP 实施 杭州

示例图片三
首页 > Odoo资讯 > odoo知识库

自定义odoo界面样式

2018-01-28 21:25:33 中菁- odoo ERP 实施 杭州 阅读

自定义Odoo的界面样式,最容易想到的办法就是找到相应的css文件进行修改,但这种方式太丑陋,不推荐。更优雅的的办法是自定义一个模块来个性化风格。

下面以安装在centos上的GreenOdoo为例简单描述一下过程。


第一步:创建自定义模块:

在source目录下执行

../runtime/python/bin/python odoo.py scaffold mytheme myaddons

创建一个名为mytheme的模块,放置于source/myaddons目录下


第二步:创建自定义样式文件

cd source/myaddons/mytheme

mkdir static

mkdir static/src

mkdir static/src/css

vim static/src/css/website.assets_backend.css

在website.assets_backend.css文件中输入:

/*主菜单条底色*/

#oe_main_menu_navbar { background-color: #2B98E2 !important; }


/*主菜单切换背景色*/

a.oe_menu_toggler { background-color: transparent !important; }


/*主菜单字体及颜色*/

.navbar-inverse .navbar-nav > li > a {

    color: #FFF;

    font-family: "微软雅黑";

    font-weight: bold;

}


第三步:创建视图文件

mkdir views

vim views/WebAssetsBackend.xml

输入:


<?xml version="1.0" encoding="utf-8" ?>  

<openerp>  

  <data noupdate="1">  

    <template id="assets_backend" name="My Module CSS Assets" inherit_id="web.assets_backend">  

      <xpath expr="." position="inside">  

        <link rel="stylesheet" href="/mytheme/static/src/css/website.assets_backend.css"/>  

      </xpath>  

    </template>  

  </data>  

</openerp>  

 


第四步:修改引用的视图文件

vim __openerp__.py

修改为:


# -*- coding: utf-8 -*-  

{  

    'name': "mytheme",  

  

    'summary': """ 

        自定义界面风格模块 

        """,  

  

    'description': """ 

        用以自定义Odoo界面风格的模块 

    """,  

  

    'author': "康虎软件工作室",  

    'website': "http://www.cfsoft.cf",  

  

    # Categories can be used to filter modules in modules listing  

    # Check https://github.com/odoo/odoo/blob/master/openerp/addons/base/module/module_data.xml  

    # for the full list  

    'category': 'style',  

    'version': '0.1',  

  

    # any module necessary for this one to work correctly  

    'depends': ['base'],  

  

    # always loaded  

    'data': [  

        # 'security/ir.model.access.csv',  

        #'templates.xml',  

        'views/WebAssetsBackend.xml',  

    ],  

    # only loaded in demonstration mode  

    'demo': [  

        'demo.xml',  

    ],  

}  

 


第五步:把myaddons作为模块路径

vim openerp-server.conf

修改为:

[options]  

; This is the password that allows database operations:  

admin_passwd = admin  

db_host = 127.0.0.1  

db_port = 65432  

db_user = openerp  

db_password = openerp  

xmlrpc_port = 8069  

limit_time_real = 1200000  

pg_path = runtime/pgsql/bin  

addons_path = source/addons,source/myaddons  

data_dir = data  

; logfile = openerp-server.log  

; logrotate = True  

 



第六步:安装模块

登录odoo,找到mytheme,按正常步骤安装


最后,重启odoo,登录之后,界面风格已改变



标签:   odoo erp openerp
Powered by MetInfo 5.3.15 ©2008-2018 www.metinfo.cn