odoo8编辑视图中sheet边距过宽问题调整

本文详细介绍了如何通过修改CSS样式,调整Odoo8 Form视图的宽度,使其在宽屏显示器上更合理地利用空间,提高用户体验。通过自定义CSS文件和xml配置,实现了宽度自适应屏幕95%,解决了数据挤在一起的问题。

在Odoo8的Form视图中,预设有一个sheet的边距,这样看起来像是在一页纸上录入信息,但因为现在的显示器比较宽,预设的sheet宽度比较小,这样看起来就浪费了大量的空间,尤其是明细字段比较多的时候,数据挤在一起非常难看。

经过分析源码,这个风格是由如下CSS定义的:

.openerp .oe_form_sheet_width {
  min-width: 650px;
  max-width: 860px;
  margin: 0 auto;
}

这里固定了最大宽度是860px,已经不能适应宽屏幕的需求,所在我在自己模块的static/src/css/下建一个新的css文件,将此部分内容改写为:

.openerp .oe_form_sheet_width {
  min-width: 650px;
  max-width: 95%;
  margin: 0 auto;
}

自适应到屏幕的95%宽度,然后建一个xml文件,将模块中的css定义加载到odoo中。

<template id="assets_backend" name="rhwl assets" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <link rel="stylesheet" href="/rhwl/static/src/css/rhwl.css"/>
            </xpath>
</template>

最后在__openerp__中,将此xml加载。升级模块,这下子妈妈再也不用担心显示不够的问题啦。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值