Can you build a Report, and Rotate the page?

Question

Hi,
I'm trying to create a pallet label report to print on a 4x6 label printer.  The report fits best landscape, but the print drivers do not rotate landscape pages.
What I need to do is build a landscape report, and rotate it 90 degrees to fit on a portrait-oriented pdf page.
The report I have works, if I open it in an external editor, switch to portrait, and rotate the contents.
Is there an easy way to do this, or will I need to rebuild the report, using rotated text elements and images, to ma

faOtools · Accepted Answer

Try to wrap all your elements inside a report into the div with the attribute 'transform'. An example of the style for the div class 'rotated':

.rotated {transform: rotate(90deg);}

Not sure it will work fully correctly. Perhaps, there would be still a need to change some element classes.

UPDATE

Reports styles differ from website styles. You either need to pass those styles right in the report, or, simpler in that case, assign the style right in the qweb xml:

<div style="-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);"></div>

P.S. I haven't tested this solution, it is just my idea.

John M. Adams · Answer

Thank you,
So far it doesn't work... but I'll play with it.  I applied the style to the class="page article" element, and to the one child below the page element (a table). In both cases it showed the content rotated 90 degrees in the web preview, but not in the final printed PDF.
Perhaps that's a CSS property not supported well by wkhtmltopdf?
Thanks,
John
(I would have posted this as a comment to your answer, but not enough Karma yet)

*Update:* The solution requires a blend of Odoo Tools' and

Anusha · Answer

Hi,
use this css
.rotate {
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

関連投稿	返信	ビュー
print pos receipt pdf pos qweb printing	1 7月 15	5460
Addressing Duplex Printing Issues in Qweb: Ensuring Order Separation for Odd-Page Orders qweb printing	0 6月 24	2010
How to print payslip batches pdf qweb	0 1月 21	804
render_qweb_pdf() returns empty string pdf qweb	2 4月 20	11562
Printing/Exporting Web Quotes in Odoo 12e pdf qweb quote printing odoo12	2 8月 19	4661

この質問にフラグが付けられました

Update:

ディスカッションを楽しんでいますか？読むだけでなく、参加しましょう！