Print in Landscape format

Question

Possible Duplicate:
Landscape printing from HTML

I am using below code to show print window on button click:

function print_onclick() {
    window.print();
    return false;
}

I want the page to be printed in Landscape format. Is there any property I can add in above code to make it work ?

Additional Info: Since my page width is 1280 px, when I print it on A4 paper with portrait orientation, the font becomes too small. I want to print only 2 lines. If not landscape, is there a way I can fix the font size of those table cell/divs while printing ?

score 166 · Accepted Answer · edited May 23 '17 at 11:54

166

you cannot set this in javascript, you have to do this with html/css:

<style type="text/css" media="print">
  @page { size: landscape; }
</style>

EDIT: See this Question and the accepted answer for more information on browser support: Is @Page { size:landscape} obsolete?

edited May 23 '17 at 11:54

Community

1
1

answered Dec 03 '12 at 13:24

hereandnow78

14,094
8
42
48

1

This doesnot seem to work for IE7. – BFry Dec 03 '12 at 14:02
26

do you really have to support ie7? if it is not a must, please do not do not care about ie7 – hereandnow78 Dec 04 '12 at 08:30
It's a must for some people hereannow78. I'm on client site and that's their primary browser. – Jared May 17 '13 at 12:02
This doesn't seem to work in Firefox (version 24 at the moment), but it does work in Chrome (version 30). Generating a PDF is an alternative that would work in all browsers (although more work / more processing required on the server etc.) – Dave Hollingworth Oct 14 '13 at 15:13
3

Can second the fact that works for Chrome 36 but not Firefox 31. – Jeff Aug 06 '14 at 13:20
3

not working in firefox – Remya R May 30 '16 at 10:22
3

Does not work in Chrome 54.0.2840.99 m – James Haug Nov 30 '16 at 21:02
1

Is this supposed to work in IE11?? it didn't work with me. The default print orientation is always portrait, I have to manually change it from settings – Abeer Sul Jan 31 '17 at 04:26
1

https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size#browser_compatibility This still doesn't seem to be widely supported (No Firefox, No IE, No Safari) even in 2021. – Ryan Smith Mar 08 '21 at 20:14

Print in Landscape format

1 Answers1

Linked

Related