自定义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

输入:

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

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 xml样式_自定义Odoo的界面样式相关推荐

  1. cad线性标注样式修改在哪里_自定义设置CAD标注样式教程

    在日常CAD绘图设计中,可能经常要遇到各种不同的CAD标注样式,例如迅捷CAD编辑器里自带一些常用标注类型,但有时候可能还是不能满足设计需求,这时就需要自定义设置需要的标注样式了.下面就是以迅捷CAD ...

  2. android的自定义dialog样式,如何自定义Android Dialog的样式?

    如何自定义Android Dialog的样式?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 如何自定义Android ...

  3. 安卓自定义下拉列表样式_自定义下拉列表样式

    安卓自定义下拉列表样式 View demo 查看演示 Download Source

  4. plantuml样式_自定义PlantUML和C4 Model样式

    什么是PlantUml PlantUml是一个支持快速绘制的开源项目.其定义了一套完整的语言用于实现UML关系图的描述.并基于强大的graphviz图形渲染库进行UML图的生成.绘制的UML图还可以导 ...

  5. plantuml样式_自定义PlantUML和C4Model的样式

    什么是PlantUml PlantUml是一个支持快速绘制的开源项目.其定义了一套完整的语言用于实现UML关系图的描述.并基于强大的graphviz图形渲染库进行UML图的生成.绘制的UML图还可以导 ...

  6. bootstrap 黑边框表格样式_设置Bootstrap Table表格样式并隔行变色

    设置Bootstrap Table表格样式并隔行变色 设置bootstrap-table表格样式可以通过设置classess属性进行设置,官方默认支持黑色主题.隔行变色等样式,你也可以自定义样式把你的 ...

  7. css改火狐滚动条样式_纯css美化滚动条样式

    知乎的编辑器对于复制转发文章来说特别不友好(直接复制后代码乱码,字体变化,表格数据丢失),不太想过多重复编辑,只会编辑转发部分到这上面来,如感觉还不错,请跳转到:https://www.emperin ...

  8. button 样式_小程序 Button图标样式 实现悬浮按钮效果

    button button是小程序中重要的组件 微信官方api 但是这样的效果都不具备很好的美观性 非表单中实现悬浮按钮效果 将一个 矢量图图标 用小程序控件封装即可 这里使用text控件 将矢量图作 ...

  9. css设置按钮样式_使用CSS设置按钮样式的快速指南

    css设置按钮样式 by Ashwini Sheshagiri 通过Ashwini Sheshagiri Buttons have become an inevitable part of front ...

最新文章

  1. 轻松破解NewzCrawler时间限制
  2. 【机器学习入门到精通系列】不废话直入正题之单变量线性回归(另附单变量非线性代码)
  3. 2017年第八届蓝桥杯省赛试题(JavaA组)
  4. 关于form组件的补充-------formChoice
  5. centos 服务器装与python34源码安装
  6. Python 内置模块之 asyncio(异步iO)
  7. 使用Python和Prometheus跟踪天气
  8. 【NOI2001】【Vijos1531】食物链(并查集拓展域)
  9. 设置配置高可用的Mysql双机热备(Mysql_HA)
  10. 推算周期软件有哪些,推算周期软件怎么用
  11. TVS管、稳压管、肖特基二极管
  12. premiere pr 裁剪视频音频
  13. python读写excel文件(xls格式)
  14. PHP读取txt文件自动分成指定行数
  15. SVM(支持向量机)(一)基本形式推导
  16. 走在边缘地带上的百度,还是差了那么一点!
  17. 支教生活| 在凉山最贵的快乐5毛钱
  18. 2018无盘服务器配置,2018年了,网吧都用什么无盘系统呢?无盘品牌投票
  19. NC50999 表达式计算4
  20. 小米6.0系统(亲测有效)激活Xposed框架的步骤

热门文章

  1. Jfreechart柱形图设置数值显示
  2. Objective-C中block的底层原理
  3. 移动端网页fixed布局问题解决方案
  4. 笔记-Microsoft SQL Server 2008技术内幕:T-SQL语言基础-08 数据修改
  5. ODI中显示us7ascii字符集的测试
  6. flash、div、iframe的层级
  7. nullnullC++ LANGUAGE TUTORIAL: CHARACTER ARRAYS...
  8. 如何解包/编辑/打包boot.img文件
  9. 为什么选择学习Java编程
  10. vue设置全局变量或函数