Overslaan naar inhoud
Je moet geregistreerd zijn om te kunnen communiceren met de community.
Alle posts Personen Badges
Labels (Bekijk alle)
odoo accounting v14 pos v15
Over dit forum
Deze vraag is gerapporteerd
pdfqwebprinting
3 Antwoorden
7644 Weergaven
Avatar
John M. Adams

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 make this work?

I am using Enterprise Hosted Odoo 11.0

Thanks,

John

Avatar
Annuleer
Avatar
faOtools
Beste antwoord

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.



Avatar
Annuleer
Avatar
John M. Adams
Auteur Beste antwoord

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 Anu's answers.  In experimenting, I found that the version of wkhtmltopdf used by hosted Odoo 11 does not support transform unless it is prefixed. It uses webkit to render, so this *does* work in the preview, and in print:

<div class="page article" style="transform: rotate(90deg); -webkit-transform: rotate(90deg);">

What made this confusing is that the non-prefixed property works fine in the preview, because of course I'm using a current browser.



Avatar
Annuleer
faOtools

look at the updated answer

John M. Adams
Auteur

Yes, I did apply style in-line. Sorry, I mentioned the classes to identify the element that was styled...

<div class="page article" style="transform: rotate(90deg);">

I also tried moving the style up and down the parentage, with similar results.

John M. Adams
Auteur

Please update to add the webkit prefix for wkhtmltopdf, and I'll mark as the correct answer. :)

faOtools

yes, sure. It definitely depends on a browser. I have added into my answer styles from various browsers, as the accepted answer on the SO - https://stackoverflow.com/questions/14233341/how-can-i-rotate-an-html-div-90-degrees

John M. Adams
Auteur

Actually, that's the problem: it doesn't matter what browser you use, it won't print that way without the webkit vendor prefix, because the client browser doesn't render the PDF... it's the webkit engine in wkhtmltopdf.

faOtools

It is correct. Thank you for sharing the results of your investigation! Just toggled like for your question

Avatar
Anusha
Beste antwoord

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);

}

                                                                                                   

Avatar
Annuleer
Gerelateerde posts Antwoorden Weergaven Activiteit
print pos receipt
pdf pos qweb printing
Avatar
1
jul. 15
5512
Addressing Duplex Printing Issues in Qweb: Ensuring Order Separation for Odd-Page Orders
qweb printing
Avatar
0
jun. 24
2060
How to print payslip batches
pdf qweb
Avatar
0
jan. 21
804
render_qweb_pdf() returns empty string
pdf qweb
Avatar
Avatar
2
apr. 20
11685
Printing/Exporting Web Quotes in Odoo 12e
pdf qweb quote printing odoo12
Avatar
Avatar
2
aug. 19
4724