如何在 Odoo 8 中更改向导的宽度？答案

【问题标题】：How to change width of wizard in Odoo 8?如何在 Odoo 8 中更改向导的宽度？
【发布时间】：2017-04-04 15:00:32
【问题描述】：

有没有办法改变 Odoo 中特定向导类的向导宽度？我创建了一个 css 文件来增加 odoo 在呈现窗口弹出窗口时创建的特殊 div 的宽度，使用 class="modal-content openerp" 但 Odoo 中的所有向导都已更改。我只想更改某个TransientModel 的宽度。有可能吗？

【问题讨论】：

我认为在 css 中你可以选择具有特殊子元素的元素，只需将具有特殊类的空 div 添加到向导的表单中，然后定位该 div 的父元素，你怎么看？
@Charif，我尝试在表单中添加一个 css 类，但这不会改变窗口弹出宽度。在 chrome 浏览器中使用开发人员模式，我发现一个特殊的 div 与 css class="modal-content openerp" 如果我在这个级别更改宽度，向导尺寸会发生变化，但是在这个特殊的 div 和我的表单之间有 10 个级别的元素，并且它们都是动态创建的，所以我们如何从一个孩子定位 10 级父级（我认为解决方案只在 JQuery 中，因为在 CSS 中是不可能的）

标签： javascript jquery css odoo odoo-8

【解决方案1】：

将@Marcel 的解决方案适配到Odoo 11 几乎填满浏览器窗口：

<record id="your_wizard_id" model="ir.ui.view">
    <field name="name">your wizard name</field>
    <field name="model">your wizard model</field>
    <field name="arch" type="xml">
    <form string="....." version="7.0">
        <script>
            $(document).ready(function(){
                $('.modal-dialog').css({'width': '97%', 'height': '97%'});
                $('.modal-content').css({'height': '100%'});
                $('.modal-body').css({'height': '100%'});
            });
        </script>

        <!-- rest of the form -->

    </form>
</field>

【讨论】：

【解决方案2】：

您可以通过以下方式更改向导的大小：

<record id="your_wizard_id" model="ir.ui.view">
    <field name="name">your wizard name</field>
    <field name="model">your wizard model</field>
    <field name="arch" type="xml">
    <form string="....." version="7.0">
        <sheet>
            <script>
                $(document).ready(function(){
                    $('.ui-dialog').css({'width': '680px'});
                    $('.oe_form_sheet_width').css({'MAXwidth': '550px'});
                    });
            </script>
        </sheet>
    </form>
</field>

希望对你有所帮助。

【讨论】：