`

自定义Odoo的界面样式

 
阅读更多

自定义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,登录之后,界面风格已改变

分享到:
评论

相关推荐

    odoo16简洁好用的开源主题,安装即用

    以下是一些Odoo界面主题资源的介绍: Odoo官方主题:Odoo官方主题是Odoo系统的默认主题,提供了现代化的界面设计风格和多种不同的颜色方案,适合大多数用户的需求。 Odoo社区主题:Odoo社区主题是由Odoo社区开发的...

    odoo10 report使用自定义的CSS

    同时,这种方法也适用于其他需要自定义样式的界面,如网页视图或者打印模板。记住,良好的CSS组织和命名约定可以帮助维护代码的可读性和可扩展性,尤其是在大型项目中。 总之,理解如何在Odoo 10中使用自定义CSS...

    odoo8中文教程

    在CSS和图标使用部分,教程提供了标准的使用方法,包括可用来在Odoo界面中使用的颜色和图标。 最后,教程中还提到了快捷标签、时间处理、编码问题和产品价格字段等,这些都是Odoo开发者在开发过程中需要考虑的实用...

    odoo-13.0源码.zip

    通过分析这些模块的源码,我们可以学习到如何创建自定义模块,以及如何实现与Odoo系统无缝集成。 3. **static**:此目录包含了前端资源,如CSS样式表、JavaScript脚本和图片。在Odoo 13.0中,前端开发得到了极大的...

    odoo_web_login.rar

    在Odoo 12中,开发者可以利用其强大的自定义框架,通过XML文件定义视图和菜单,将"odoo_web_login"模块集成到系统中。XML文件中会包含对登录页面的引用,以及如何根据时间切换这些页面的逻辑。此外,开发者还可以...

    odoo10 打印预览功能

    1. **自定义布局**:根据需要,企业可以创建自定义的报告模板,包括不同的页面大小、边距、字体样式等,以符合公司品牌形象。 2. **预览调整**:在预览阶段,用户可以缩放、翻页、检查每个细节,确保所有数据都正确...

    Odoo8.0 Treeview colResizable更新版

    对于vnsoft_colresizable模块的安装和使用,首先需要将这个压缩包导入到Odoo系统的模块列表中,然后通过Odoo的后台界面进行安装。安装完成后,系统中的所有Treeview视图应该都支持列宽调整。用户在使用时,只需点击...

    odoo微信小程序商城模块

    1. JavaScript开发:微信小程序主要基于JavaScript进行前端开发,开发者可以利用微信提供的小程序API,结合WXML(微信小程序的结构层语言)和WXSS(微信小程序的样式层语言),构建与Odoo后端交互的用户界面。...

    Odoo开发手册中文版(用chrome浏览器自带翻译功能翻译,大致看了一下还能看).zip

    文档《29QWeb报告— odoo 12.0文档.pdf》专注于QWeb报告的生成,这是Odoo用于创建PDF或HTML报告的工具,涵盖了报告设计、样式表应用以及自定义报告的详细步骤。 《30Mixins和有用的类— odoo 12.0文档.pdf》讲解了...

    odoo11 企业版源码

    视图定义了用户界面的布局和样式,包括XML和QWeb两种类型。XML视图用于定义菜单、表单、列表和其他用户界面元素,而QWeb视图则用于渲染HTML模板。 **4. 控制器(Controller)** 控制器处理用户的请求,调用相应的...

    odoo16企业版源码

    Odoo使用自定义的ORM(对象关系映射)框架,使得开发者可以方便地定义字段、方法和关系。在源码中,每个模型通常对应一个`.py`文件,如`account.py`,`sale.py`等,它们包含了业务逻辑的实现。 2. **视图(Views)*...

    odoo15 企业版源码

    视图可以通过XML文件进行定义,并可自定义样式和布局。 4. **控制器(Controller)**:控制器处理HTTP请求,对接收到的数据进行处理,并返回响应。它们是Odoo Web服务端的主要部分。 5. **数据库操作**:Odoo使用...

    vudoo-widgets:使用vue + odoo的小部件

    通过Vue.js和Odoo的结合,开发者可以充分利用Vue的组件化优势,提高Odoo界面的可维护性和用户体验。同时,这也有助于开发者更好地管理和复用代码,降低开发复杂度。记得在实际开发中遵循Odoo的最佳实践,确保模块的...

    odoo官方文档入门第一章

    - 自定义:根据企业需求调整Odoo系统的功能。 2. **模块的类型**: - 应用程序模块:直接面向最终用户,提供具体的业务解决方案。 - 插件模块:通常作为基础模块的扩展,提供额外的功能或改进。 3. **模块组成*...

    odoo-learning:在Odoo 14中为模型,视图,安全性,ORM和控制器奠定坚实的基础

    开发者可以自定义模型以适应特定业务需求。创建模型通常涉及定义字段(field)和方法(method),字段存储数据,而方法则提供业务逻辑。在Python代码中定义模型,并通过XML文件注册到 Odoo 系统中。 2. **视图(View)**...

    bp_snippet_separator_style:Odoo网站构建器的分隔符样式

    这个下拉菜单是Odoo为用户提供自定义元素和设计设置的地方,通过这个菜单,用户可以轻松地调整网站的各个细节,包括选择分隔符样式。 然而,描述中有一个警告:“警告:不适用于背景颜色‘变暗’(oe_dark)”。这...

    odoo_vik_main

    这个模块可能包含了自定义的视图模板,用于改变 Odoo 应用的默认界面或者添加新的前端元素。 由于只有一个文件名"odoo_vik_main-13.0",我们可以假设这是该模块针对Odoo 13.0版本的源代码包。Odoo的每个主要版本都...

    akl_theme_base-14.0.0.1.zip

    综上所述,"akl_theme_base-14.0.0.1.zip"是一个专为Odoo 14企业版设计的界面主题,其安装和应用涉及Odoo的模块管理系统,可能提供了一种独特的用户界面体验。对于希望个性化Odoo系统外观的企业或开发者,这是一个...

    odoo_practicals_2_170683

    8. **主题(Theme)**和**模板(Template)**:Odoo允许自定义界面样式和布局,开发者可以创建新的主题,同时使用QWeb模板语言设计HTML模板。 9. **自动化(Automation)**:Odoo提供工作流(Workflow)、定时任务(Cron ...

    Odoo-14-Project1

    4. **UI定制**:探索如何通过XML来定义视图布局,包括列表视图、表单视图、树状视图和图形视图,以及如何使用QWeb模板自定义网页样式。 5. **工作流和审批流程**:学习如何创建自定义工作流,定义审批节点和条件,...

Global site tag (gtag.js) - Google Analytics