如何用css美化表单Odoo 修改树形表单的对齐
Odoo树形表单中的对齐方式是： 字符型字段靠左对齐， 数字型字段靠右对齐。

在有些情况下， 我们可能需要将数字对齐方式改为居中对齐。 只需两步操作就可以达到这个目的。
第一步， 修改tree view， 在<tree ...后增加 class="自己的class名" 和version="7.0" 
第二步， 在css文件中增加 .openerp  .自己的class名.oe_list__number， 并在其中设置
text-align:center !important;
注意css文件的位置， 应当由__openerp__.py文件的css指定。

我们以午餐模块的产品为例，做进一步解释。其tree view的原定义为<?xml version="1.0"?><tree string="Products Tree">    <field name="name"/>    <field name="category_id"/>    <field name="supplier"/>    <field name="description"/>    <field name="price"/></tree>
我们将自己的class命名为 hello_kitty, 修改后的tree view就成了这个样子：<?xml version="1.0"?><tree string="Products Tree" version="7.0" class="hello_kitty">    <field name="name"/>    <field name="category_id"/>    <field name="supplier"/>    <field name="description"/>    <field name="price"/></tree> 
 
午餐模块在__openerp__.py中已经定义了已经有了一个css文件:
 'css':['static/src/css/lunch.css'],
我们直接在 static/src/css/lunch.css文件的末尾增加如下内容：.openerp  .hello_kitty .oe_list__number {  text-align:center !important;}
保存一下lunch.css文件，重新刷新一下浏览器页面，就可看到效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。