Skip to Content
Odoo Menu
  • Sign in
  • Try it free
  • Apps
    Finance
    • Accounting
    • Invoicing
    • Expenses
    • Spreadsheet (BI)
    • Documents
    • Sign
    Sales
    • CRM
    • Sales
    • POS Shop
    • POS Restaurant
    • Subscriptions
    • Rental
    Websites
    • Website Builder
    • eCommerce
    • Blog
    • Forum
    • Live Chat
    • eLearning
    Supply Chain
    • Inventory
    • Manufacturing
    • PLM
    • Purchase
    • Maintenance
    • Quality
    Human Resources
    • Employees
    • Recruitment
    • Time Off
    • Appraisals
    • Referrals
    • Fleet
    Marketing
    • Social Marketing
    • Email Marketing
    • SMS Marketing
    • Events
    • Marketing Automation
    • Surveys
    Services
    • Project
    • Timesheets
    • Field Service
    • Helpdesk
    • Planning
    • Appointments
    Productivity
    • Discuss
    • Approvals
    • IoT
    • VoIP
    • Knowledge
    • WhatsApp
    Third party apps Odoo Studio Odoo Cloud Platform
  • Industries
    Retail
    • Book Store
    • Clothing Store
    • Furniture Store
    • Grocery Store
    • Hardware Store
    • Toy Store
    Food & Hospitality
    • Bar and Pub
    • Restaurant
    • Fast Food
    • Guest House
    • Beverage Distributor
    • Hotel
    Real Estate
    • Real Estate Agency
    • Architecture Firm
    • Construction
    • Estate Management
    • Gardening
    • Property Owner Association
    Consulting
    • Accounting Firm
    • Odoo Partner
    • Marketing Agency
    • Law firm
    • Talent Acquisition
    • Audit & Certification
    Manufacturing
    • Textile
    • Metal
    • Furnitures
    • Food
    • Brewery
    • Corporate Gifts
    Health & Fitness
    • Sports Club
    • Eyewear Store
    • Fitness Center
    • Wellness Practitioners
    • Pharmacy
    • Hair Salon
    Trades
    • Handyman
    • IT Hardware & Support
    • Solar Energy Systems
    • Shoe Maker
    • Cleaning Services
    • HVAC Services
    Others
    • Nonprofit Organization
    • Environmental Agency
    • Billboard Rental
    • Photography
    • Bike Leasing
    • Software Reseller
    Browse all Industries
  • Community
    Learn
    • Tutorials
    • Documentation
    • Certifications
    • Training
    • Blog
    • Podcast
    Empower Education
    • Education Program
    • Scale Up! Business Game
    • Visit Odoo
    Get the Software
    • Download
    • Compare Editions
    • Releases
    Collaborate
    • Github
    • Forum
    • Events
    • Translations
    • Become a Partner
    • Services for Partners
    • Register your Accounting Firm
    Get Services
    • Find a Partner
    • Find an Accountant
    • Meet an advisor
    • Implementation Services
    • Customer References
    • Support
    • Upgrades
    Github Youtube Twitter Linkedin Instagram Facebook Spotify
    +1 (650) 691-3277
    Get a demo
  • Pricing
  • Help

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Accounting
  • Inventory
  • PoS
  • Project
  • MRP
All apps
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
You need to be registered to interact with the community.
All Posts People Badges
Tags (View all)
odoo accounting v14 pos v15
About this forum
Help

How do I replace the <div class="page"> on the Odoo built-in invoice PDF template in Odoo v8?

Subscribe

Get notified when there's activity on this post

This question has been flagged
invoiceqwebreportcustomise
2 Replies
20286 Views
Avatar
Nick Booker

I'm trying to replace the <div class="page"> in the base invoice 'account.report_invoice_document' with my own version, and failing.  Instead of taking my template, it's just rendering with the Odoo default template for invoices.

The same template without the <t t-extend> and <t t-jquery> tags works fine as an additional, standalone report, but I want to replace the default one that comes with Odoo so it works with the 'Print' and 'Send by Email' and any other automatic triggers.

Can anyone tell me what's wrong with my template?

I have the following structure (apologies I couldn't work out how to format the code as code):

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="report_custom_invoice_document">
    <!-- TODO: CSS-ify all the 'style=' bits if possible -->
    <t t-extend="account.report_invoice_document">
    <t t-jquery=".page" t-operation="replace">
        <div class="page">
            <h3 style="text-align: right">
                <span t-if="o.type == 'out_invoice' and (o.state == 'open' or o.state == 'paid')">INVOICE</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'proforma2'">PRO-FORMA</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'draft'">DRAFT Invoice</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'cancel'">CANCELLED Invoice</span>
                <span t-if="o.type == 'out_refund'">REFUND</span>
                <span t-if="o.type == 'in_refund'">Supplier Refund</span>
                <span t-if="o.type == 'in_invoice'">Supplier Invoice</span>
                <span t-field="o.number"/>
            </h3>
            <div t-if="o.name" style="text-align: right">
                <strong>Description:</strong>
                <span t-field="o.name"/>
            </div>
            <hr />
            <!-- class 'row', 'col-xs-*' is a Twitter Bootstrap thing -->
            <!-- Don't know what mt32 and mb32 is -->
            <div class="row">
                <div class="col-xs-3" t-if="o.date_invoice" style="text-align: center">
                    <strong>Invoice Date:</strong>
                    <p t-field="o.date_invoice"/>
                </div>
                <!-- TODO: Better here, or in header? -->
                <!--
                <div class="col-xs-3" t-if="o.number" style="text-align: center">
                    <strong>Invoice No:</strong>
                    <p t-field="o.number"/>
                </div>
                -->
                <div class="col-xs-3" t-if="o.x_booking_reference" style="text-align: center">
                    <strong>Our Booking Reference:</strong>
                    <p t-field="o.x_booking_reference"/>
                </div>
                <div class="col-xs-3" t-if="o.partner_id" style="text-align: center">
                    <strong>Booked By:</strong>
                    <p>TODO: REMOVE OR USE SOMETHING SENSIBLE</p>
                    <!--
                    <p>
                        <span t-field="o.partner_id.name"/>
                        <span t-if="o.partner_id.email">(<span t-field="o.partner_id.email"/>)</span>
                        <span t-if="o.partner_id.phone"><br />CONTACT TEL: <span t-field="o.partner_id.phone"/></span>
                    </p>
                    -->
                </div>
                <div class="col-xs-3" t-if="o.payment_term" style="text-align: center">
                    <strong>Terms:</strong>
                    <p t-field="o.payment_term"/>
                </div>
                <div class="col-xs-3" t-if="o.origin" style="text-align: center">
                    <strong>Source:</strong>
                    <p t-field="o.origin"/>
                </div>
                <div t-if="o.comment" class="col-xs-3" style="text-align: center">
                    <strong>Comment:</strong>
                    <p t-field="o.comment"/>
                </div>
                <div t-if="o.fiscal_position" class="col-xs-3" style="text-align: center">
                    <strong>Fiscal Position:</strong>
                    <p t-field="o.fiscal_position"/>
                </div>
            </div>
            <!-- TODO: Remember to add order number field to any() below once you know what it is -->
            <div class="row" t-if="any([o.x_cost_centre, o.x_event_name, o.x_production_name])">
                <div class="col-xs-3" style="text-align: center">
                    <strong>Order Number:</strong>
                    <p>TODO: NO FIELD FOR THIS YET</p>
                </div>
                <div class="col-xs-3" t-if="o.x_cost_centre" style="text-align: center">
                    <strong>Cost centre:</strong>
                    <p t-field="o.x_cost_centre"/>
                </div>
                <div class="col-xs-3" t-if="o.x_event_name" style="text-align: center">
                    <strong>Event name:</strong>
                    <p t-field="o.x_event_name"/>
                </div>
                <div class="col-xs-3" t-if="o.x_production_name" style="text-align: center">
                    <strong>Production name:</strong>
                    <p t-field="o.x_production_name"/>
                </div>
            </div>
            <hr />
            <div class="row">
                <div class="col-xs-6">
                    <div style="margin-bottom: 1em">
                        <strong>Account Ref:</strong>
                        <span t-field="o.partner_id.ref"/>
                    </div>
                    <div><strong>Accounts Payable</strong></div>
                    <address t-field="o.partner_id"
                        t-field-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}' />
                    <div><span t-field="o.partner_id.vat"/></div>
                    <div t-if="o.partner_id.email"><strong>Email:</strong> <span t-field="o.partner_id.email"/></div>
                    <div t-if="o.partner_id.phone"><strong>Email:</strong> <span t-field="o.partner_id.phone"/></div>
                    <div t-if="o.partner_id.fax"><strong>Fax:</strong> <span t-field="o.partner_id.fax"/></div>
                    <div class="col-xs-3" t-if="o.partner_id.ref">
                        <strong>Customer Code:</strong>
                        <span t-field="o.partner_id.ref"/>
                    </div>
                </div>
                <div class="col-xs-6">
                    <p>
                        <strong>
                            If any of your details on the left are incorrect or incomplete, please let us know.
                        </strong>
                    </p>
                    <div style="margin-bottom: 1em">
                        <strong>How to Contact Us</strong>
                        <!-- sensitive info removed -->
                        </div>
                    </div>
                    <p>BACS and cheque payment details at bottom of page or overleaf</p>
                </div>
            </div>

            <hr />

            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th>Description</th>
                        <th>Quantity</th>
                        <th class="text-right">Unit Price</th>
                        <th class="text-right" groups="sale.group_discount_per_so_line">Discount (%)</th>
                        <th class="text-right">Taxes</th>
                        <th class="text-right">Amount</th>
                    </tr>
                </thead>
                <tbody class="invoice_tbody">
                    <tr t-foreach="o.invoice_line" t-as="l">
                        <td><span t-field="l.name"/></td>
                        <td>
                            <span t-field="l.quantity"/>
                            <span t-field="l.uos_id"  groups="product.group_uom"/>
                        </td>
                        <td class="text-right">
                            <span t-field="l.price_unit"/>
                        </td>
                        <td groups="sale.group_discount_per_so_line"><span t-field="l.discount"/></td>
                        <td class="text-right">
                            <span t-esc="', '.join(map(lambda x: x.name, l.invoice_line_tax_id))"/>
                        </td>
                        <td class="text-right">
                            <span t-field="l.price_subtotal"
                                t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                        </td>
                    </tr>
                </tbody>
            </table>

            <div class="row">
                <div class="col-xs-6" t-if="o.tax_line">
                    <table class="table table-condensed">
                        <hr />
                        <thead>
                            <tr>
                                <th>Tax</th>
                                <th class="text-right">Base</th>
                                <th class="text-right">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr t-foreach="o.tax_line" t-as="t">
                                <td><span t-field="t.name"/></td>
                                <td class="text-right">
                                    <span t-field="t.base"
                                        t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                                </td>
                                <td class="text-right">
                                    <span t-field="t.amount"
                                        t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-xs-4 pull-right">
                    <table class="table table-condensed">
                        <tr class="border-black">
                            <td><strong>Total Without Taxes</strong></td>
                            <td class="text-right">
                                <span t-field="o.amount_untaxed" t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                            </td>
                        </tr>
                        <tr>
                            <td>Taxes</td>
                            <td class="text-right">
                                <span t-field="o.amount_tax" t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                            </td>
                        </tr>
                        <tr class="border-black">
                            <td><strong>Total</strong></td>
                            <td class="text-right">
                                 <span t-field="o.amount_total" t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div style="text-align: right"><strong>E &amp; O E</strong></div>

            <hr />
            <div class="row">
                <div class="col-xs-6">
                    <div style="text-align: center"><strong>BACS Payments:</strong></div>
                    <div style="margin-left: 2em">
                        <table>
                            <tbody>
                                <tr>
                                    <td><strong>Account Name:</strong></td>
                                    <td>SENSITIVE</td>
                                </tr>
                                <tr>
                                    <td><strong>Sort Code:</strong></td>
                                    <td>99-99-99</td>
                                </tr>
                                <tr>
                                    <td><strong>Account Number:</strong></td>
                                    <td>99999999</td>
                                </tr>
                                <tr>
                                    <td><strong>Bank:</strong></td>
                                    <td>A BANK</td>
                                </tr>
                                <tr>
                                    <td><strong>Reference:</strong></td>
                                    <td><span t-field="o.number"/></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-xs-6" style="text-align: center">
                    <strong>Cheque Payable To:</strong>
                    <p>NOT TELLING YOU</p>
                </div>
            </div>

        </div>
        </t>
    </t>
</template>

</data>


</openerp>

 

1
Avatar
Discard
Avatar
Nick Booker
Author Best Answer

My colleague Colin pointed me at an example in addons/sale_layout/views/report_invoice_layouted.xml which suggests it would work to do this, which worked:

<template id="report_custom_invoice_document" inherit_id="account.report_invoice_document">
    <!-- TODO: CSS-ify all the 'style=' bits if possible -->
    <xpath expr="//div[@class='page']" position="replace">
        <div class="page">

          <!-- etc -->

        </div>
    </xpath>
</template>

 

0
Avatar
Discard
Avatar
Kurt Haselwimmer
Best Answer

Odoo v8 is still at the release candidate RC1 stage so not particularly final as yet. I don't have years of experience in Openerp/Odoo but the built-in invoices seem to be one of the things that has only just been changed over to qweb format (so that they can be edited in a similar way to the website) - this particular thing seems to still be changing in the runbot instances I have inspected so this may well change prior to v8 being finally released.

0
Avatar
Discard
Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up
Related Posts Replies Views Activity
Invoice on basic layout
pdf invoice qweb report
Avatar
0
Apr 24
2607
how to get passed values from qweb report
invoice xml qweb report
Avatar
Avatar
1
Aug 23
7416
QWEB REPORTING : Create a module to replace the invoice report Solved
invoice module qweb report
Avatar
Avatar
Avatar
Avatar
Avatar
4
Aug 17
22933
Print picking reference/movement order in invoice
invoice qweb picking report
Avatar
Avatar
1
Oct 15
7710
[18.0] invoice report looks OK when previewing but fonts scaled up and sections overlap when printed Solved
invoice report
Avatar
Avatar
Avatar
2
Jun 25
3239
Community
  • Tutorials
  • Documentation
  • Forum
Open Source
  • Download
  • Github
  • Runbot
  • Translations
Services
  • Odoo.sh Hosting
  • Support
  • Upgrade
  • Custom Developments
  • Education
  • Find an Accountant
  • Find a Partner
  • Become a Partner
About us
  • Our company
  • Brand Assets
  • Contact us
  • Jobs
  • Events
  • Podcast
  • Blog
  • Customers
  • Legal • Privacy
  • Security
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo is a suite of open source business apps that cover all your company needs: CRM, eCommerce, accounting, inventory, point of sale, project management, etc.

Odoo's unique value proposition is to be at the same time very easy to use and fully integrated.

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now