Почему мой пользовательский отчет Odoo 9 Qweb с CSS не работает?

Я создаю новый отчет на Odoo 9, который использует стили css для размещения текста поверх фонового изображения. Изображение находится в фоновом режиме и занимает всю страницу формата А4 без полей.

В html работает нормально. Однако, когда я печатаю отчет в формате PDF, слева и справа у меня остаются пустые поля, а текст располагается под фоновым изображением. Кажется, что правила CSS не применяются. Находите ли вы какое-либо решение для работы в формате PDF?

Вот мой отчет:

<template id="sub_proposal">
<style type="text/css">
    .container {
        padding: 0mm;
    }
    #sponsor-ref {
        position: absolute;
        top: 84mm;
        left: 45mm;
    }
    #form_image {
        position: absolute;
        top: 0mm;
        left: 0mm;
        width: 210mm;
        height: 297mm;
    }
    #form_image img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
</style>
<t t-call="report.html_container">
    <t t-foreach="docs" t-as="o">
        <div class="page">
            <div id="form_image">
                <span t-field="o.sub_proposal_form" t-field-options='{"widget": "image"}'/>
            </div>
            <span id="sponsor-ref" t-field="o.ref"/>
        </div>
    </t>
</t>


odoo report wkhtmltopdf qweb odoo-9
person Emanuel    schedule 01.06.2017    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Тег style и содержимое должны быть установлены в элементе <div class="page">.

У меня нет документации, только по опыту.

Ссылка на тот же вопрос на форуме Odoo

person travisw    schedule 01.06.2017

arrow_upward
0
arrow_downward

Это напечатает изображение с текстом в формате pdf.

<template id="account_report_id" inherit_id="account.report_invoice_document">
    <p t-if="o.fiscal_position_id.note" position="after"><br/><br/>
        <img t-if="o.partner_id.image" t-att-src="'data:image/png;base64,%s' % o.partner_id.image" style="float:right;max-height:40px;"/><br/><br/>
        <span style="float: right;">Customer Sign</span>
    </p>
 </template>
person Rawish    schedule 02.06.2017