【问题标题】:Odoo 10 change field colourOdoo 10 更改字段颜色
【发布时间】:2018-09-13 20:19:49
【问题描述】:

我正在尝试更改 Odoo10 中字段的颜色。这是我的代码

<xpath expr="//field[@name='order_line']/form//field[@name='analytic_tag_ids']" position="after">
                <label for="squarebox"/>
                <div>
                    <field name="squarebox"/>
                </div>
                <label for="squaremtrsold"/>
                <div>
                    <field name="squaremtrsold"/>
                </div>
            </xpath>

我试过&lt;field name="squarebox"style="background:Blue;"/&gt;

但这不起作用?

【问题讨论】:

    标签: odoo odoo-10 odoo-view


    【解决方案1】:

    尝试为包含字段定义的 div 添加样式,因为字段标签不会出现在最终的 html 中。

    您还可以向包含的 div 添加一个类,并使用一些 CSS 规则,您可以针对字段 dom 节点添加正确的样式规则

    【讨论】:

      【解决方案2】:

      试试这个模块https://apps.odoo.com/apps/modules/10.0/web_widget_color_field/

      使用上面的模块小部件,您可以根据自己的兴趣更改归档颜色。

      【讨论】:

        【解决方案3】:

        你可以给它一个类,例如'squarebox',然后在你的静态文件夹中编写你的css代码,考虑到你的字段稍后将呈现为一个输入标签。所以接下来的代码应该可以解决问题。

        <label for="squarebox"/>
        <div>
            <field name="squarebox" class="squarebox"/>
        </div>
        

        然后在你的css文件中:

        input.squarebox {
            background-color: blue;
        }
        

        注意将您的自定义 css 附加到资产中,如下所示:

        <?xml version="1.0" encoding="utf-8" ?>
        <odoo>
            <template id="assets_backend" name="My Module Assets" inherit_id="web.assets_backend">
                <xpath expr="//link[last()]" position="after">
                     <link rel="stylesheet" href="your_module_name/static/src/css/styles.css"/>
                </xpath>
            </template>
        </odoo>
        

        最后是 ma​​nifest.py

        'data': [
            'views/your_custom_assets.xml',
            ],
        'css': ['static/src/css/styles.css'],
        

        你应该升级你的模块,如果不工作,进入 ?debug=assets 模式

        【讨论】:

          猜你喜欢
          • 2020-12-09
          • 2020-06-01
          • 2014-02-20
          • 2011-06-07
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-01-16
          相关资源
          最近更新 更多