Hi,
I try to create a report with some text on the left side and an image on the right side.
On html view everything is fine, but on PDF its not side by side, but it breaks to a new line.
Hope you can help me!
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<record id="paperformat_custom_format_SO" model="report.paperformat">
<field name="name">Layout DIN4</field>
<field name="default" eval="True"/>
<field name="format">custom</field>
<field name="page_height">304</field>
<field name="page_width">210</field>
<field name="orientation">Portrait</field>
<field name="margin_top">15</field>
<field name="margin_bottom">27</field>
<field name="margin_left">5</field>
<field name="margin_right">5</field>
<field name="header_line" eval="False"/>
<field name="header_spacing">0</field>
<field name="dpi">80</field>
</record>
<report
id="order_layout_quotation_report"
model="sale.order"
string="Quotation Layout"
report_type="qweb-pdf"
name="refinement_new.report_refinement_order_layout"
file="refinement_new.report_refinement_order_layout"
paperformat="refinement_new.paperformat_custom_format_SO"/>
<template id="custom_format_report">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-call="refinement_new.custom_sale_order_header_footer">
<!-- <t t-set="o" t-value="o.with_context({'lang':o.partner_id.lang})" /> -->
<div class="page">
<div class="container" style="padding:0px;margin:0px;">
<div class="row">
<div class="col" style="font-family:TradeGothic LT Light;font-size:15px; color:#464646;">
<span t-field="o.partner_id.parent_id.name"/><br/>
<span t-field="o.partner_id.title"/><br/>
<span t-field="o.partner_id.name"/><br/>
<span t-field="o.partner_id.street"/><br/>
<span t-field="o.partner_id.zip"/><br/>
<span t-field="o.partner_id.city"/><br/>
<span t-field="o.partner_id.country_id.name"/>
</div>
<div class="col">
<img class="img-fluid" t-att-src="image_data_uri(o.company_id.logo)" alt="Logo"/>
</div>
</div>
</div>
<br/>
<table style="border" width="100%">
<!-- <t t-foreach='o.order_line' t-as='ol'> -->
<t style="font-family:TradeGothic LT Light;font-size:15px">
<tr>
<td style="padding-right:5px;color:#91CA0D;font-family:TradeGothic LT Bold;font-size:1.7em;font-weight:bold;width:12%;">Quotation</td>
<!-- <td style="color:#91CA0D;font-family:TradeGothic LT Bold;font-size:1.7em;font-weight:bold;width:88%;"><span t-field=' o.sale_line_id.product_id.name'/></td> -->
</tr>
<!-- </t> -->
</t>
</table>
<table style="border" width="100%">
<t style="font-family:TradeGothic LT Light;font-size:14px">
<!-- <t t-if="ol.branding_id or ol.brand_pos_id" > -->
<tr>
<td style="color:#464646;font-weight:bold;" width="15%">Quote ID: </td>
<td style="color:#464646;" width="85%"><span t-field='o.name'/></td>
</tr>
<tr>
<td style="color:#464646;font-weight:bold;" width="15%">Date: </td>
<td style="color:#464646;" width="85%"><span t-field='o.date_order' t-field-options='{"format": "dd/MM/YYYY"}'/></td>
</tr>
<tr>
<td style="color:#464646;font-weight:bold;" width="15%">Contact Person:</td>
<td style="color:#464646;" width="85%"><span t-field='o.user_id.name'/></td>
</tr>
<tr>
<td style="color:#464646;font-weight:bold;" width="15%">Phone:</td>
<td style="color:#464646;" width="85%"><span t-field='o.user_id.phone'/></td>
</tr>
<tr>
<td style="color:#464646;font-weight:bold;" width="15%">E-Mail: </td>
<td style="color:#464646;" width="85%"><span t-field='o.emp_email'/></td>
</tr>
<!-- </t> -->
</t>
</table>
<br/>
<div class="container-fluid">
<div class="row" style="font-family:TradeGothic LT Bold;font-size:14px;color:#464646;font-weight:bold;">
We quote you according to our T&C that you can find at https://www.source-promo.co.uk/TC/:
</div>
<div class="row">
<div class="col-6">
<t t-if="o.sale_line_id.product_id.image">
<img t-if="o.sale_line_id.product_id.image" style="max-width:200px;max-height:200px" t-att-src="image_data_uri(o.sale_line_id.product_id.image)"/>
</t>
</div>
<div class="col-6 pull-right">
<t t-if="o.sale_line_id.product_id.item_ids and o.show_tier_price">
<table class="pull-right" width="100%" style="font-family:TradeGothic LT Light;font-size:14px;color:#464646;">
<tr>
<td>
<table width="100%">
<tr style="background-color:#606060;">
<th style="font-family:TradeGothic LT Bold;font-size:14px;color:#FFFFFF;padding-left:10px;">Quantity</th>
<th style="font-family:TradeGothic LT Bold;font-size:14px;color:#FFFFFF;text-align:right;padding-right:10px;">Price</th>
</tr>
<tbody style="background-color:#EAECEE;color:#696969;">
<t t-foreach="o.sale_line_id.product_id.mapped('item_ids').sorted(key=lambda b: b.min_quantity)" t-as="price_list">
<tr>
<td style="font-family:TradeGothic LT Light;font-size:14px;padding-left:10px;"><span t-field="price_list.min_quantity"/>
</td>
<td class="text-right" style="min_quantityfont-family:TradeGothic LT Light;font-size:14px;padding-right:8px;">
<span t-field="price_list.fixed_price"/>
<span t-field="o.company_id.currency_id.symbol"/></td>
</tr>
<tr></tr>
</t>
<br/>
</tbody>
</table>
</td>
</tr>
</table>
</t>
</div>
</div>
</div>
<table width="100%">
<!-- <thead > -->
<tr style="font-family:TradeGothic LT Bold;font-size:14px;background-color:#606060;color:#FFFFFF;">
<th style="font-weight:bold;width:5%;"><![CDATA[ ]]>#</th>
<th width="65%">Name</th>
<th width="10%">Quantity</th>
<th width="10%">Price</th>
<th style="text-align:right;width:10%;padding-right:10px;">Total</th>
</tr>
<!-- </thead> -->
<tbody style="font-family:TradeGothic LT Light;font-size:13px;background-color:#EAECEE;color:#696969;">
<t t-set="count" t-value="0"/>
<t t-foreach="o.order_line" t-as="line">
<t>
<tr>
<t t-set="count" t-value="count + 1"/>
<td width="5%"><![CDATA[ ]]><span t-esc="count"/></td>
<td width="65%"><span t-field="line.name"/></td>
<td width="10%"> <span t-field="line.product_uom_qty"/></td>
<td width="10%"><span t-field="line.price_unit"/><![CDATA[ ]]><span t-field="o.company_id.currency_id.symbol"/></td>
<td width="10%" style="text-align:right;"><span t-field="line.price_subtotal"/><![CDATA[ ]]></td>
</tr>
</t>
</t>
<tr>
<td colspan="5"><![CDATA[ ]]><br/></td>
</tr>
<t t-set="count" t-value="count"/>
<t t-foreach="o.refine_brand_ids" t-as="line">
<tr>
<t t-set="count" t-value="count+1"/>
<td width="5%"><t t-if="line.position_id"><![CDATA[ ]]><span t-esc="count"/></t></td>
<td width="65%"><t t-if="line.branding_id"><span t-field="line.product_id.name"/></t></td>
<td width="10%"><t t-if="line.branding_id"><span t-field="line.qty"/></t></td>
<td width="10%"><t t-if="line.branding_id"><span t-field="line.unit_price"/><![CDATA[ ]]><span t-field="o.company_id.currency_id.symbol"/></t><![CDATA[ ]]></td>
<td style="text-align:right;" width="10%"><t t-if="line.branding_id"><span t-field="line.subtotal"/></t><![CDATA[ ]]></td>
</tr>
</t>
<tr style="font-family:TradeGothic LT Bold;font-size:14px">
<td style="font-weight:bold;text-align:right;" colspan="4" class="text-right">Total Net Sum:</td>
<td colspan="3" style="font-weight:bold;text-align:right;" class="text-right"><b><![CDATA[ ]]><span t-field="o.amount_untaxed"/></b><![CDATA[ ]]></td>
</tr>
</tbody>
</table>
<br/>
<table width="100%">
<tr>
<td style="font-family:TradeGothic LT Light;font-size:14px;color:#464646;"><t t-if="o.note"> <span style="font-family:TradeGothic LT Bold;font-size:15px;color:#464646;">Note:</span> <span t-field="o.note"/></t></td>
</tr>
</table>
<br/>
<table width="100%">
<tr>
<td style="font-family:TradeGothic LT Bold;font-size:14px;color:#464646;" width="15%">Delivery time:</td>
<td><span style="font-family:TradeGothic LT Light;font-size:14px;color:#464646;width:85%" t-field='o.delivery_condition'/></td>
</tr>
<tr>
<td style="font-family:TradeGothic LT Bold;font-size:14px;color:#464646;width:15%;">Delivery:</td>
<td><span style="font-family:TradeGothic LT Light;font-size:14px;color:#464646;width:85%;" t-esc='o.find_del_tran()[0]'/></td>
</tr>
<tr>
<td style="font-family:TradeGothic LT Bold;font-size:14px;color:#464646;width:15%;">Payment:</td>
<td><span style="font-family:TradeGothic LT Light;font-size:14px;color:#464646;width:85%;" t-esc='o.find_payment_term_trans()[0]'/></td>
</tr>
</table>
<br/><br/><br/>
<div class="container-fluid">
<div class="row text-center" style="font-size:12px;color:#505050;">
<span t-esc='o.find_translation_footer1()[0]'/> <br/> <span t-esc='o.find_translation_footer1()[1]'/>
</div>
<div class="row text-center" style="font-size:9px;color:#505050;">
<t t-if="o.partner_id.lang == 'en_US'"><span t-esc='o.find_translation_footer2()[0]'/>
<br/>
<span t-esc='o.find_translation_footer2()[1]'/></t>
<t t-if="o.partner_id.lang != 'en_US'"><span t-esc='o.find_translation_footer2()[0]'/>
<span t-esc='o.find_translation_footer2()[1]'/></t>
</div>
</div>
</div>
</t>
</t>
</t>
</template>
<template id="custom_sale_order_header_footer">
<t t-raw="0"/>
<t t-call="refinement_new.custom_sale_order_footer"/>
</template>
<template id="custom_sale_order_footer">
<div class="footer">
<div class="container-fluid" style="border-bottom:1px solid black;color:#505050;">
<div class="row text-center">
<span class="page"/>/<span class="topage"/>
</div>
</div>
<div class="container-fluid" style="font-size:9px;color:#505050;">
<div class="row text-center">
<span t-field="o.company_id.report_footer"/>
</div>
</div>
</div>
</template>
<template id="report_refinement_order_layout">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-call="refinement_new.custom_format_report" t-lang="o.partner_id.lang"/>
</t>
</t>
</template>
</odoo>
This is the result as PDF and as HTML (html is the way I would like to have the pdf as well!)
I hope you can help me!
Thanks in advance!
