Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome printing website, missing layout options

I've been creating a website and a portion of the site is designed to be printed on tabloid paper in portrait mode. The problem I'm having is when the print dialog comes up in Chrome it's missing the "Layout" options.

In this screen shot, the left side shows how my dialog box looks vs. how it looks when I print other websites. The ironic thing is even other sites I've created have the option as shown on the right, which is the desired behavior.

print dialog example

My question is, what controls this behavior? How do I correct it? In searching the web the only mention I've see of this is when Chrome is displaying PDF files, but I'm displaying a web page.

Any insight you can give would be greatly appreciated.

Thanks in advance

like image 220
ThrowBackDewd Avatar asked Mar 31 '16 00:03

ThrowBackDewd


People also ask

How do I change the print layout on Google Chrome?

Step 1: Click the three dots on the upper right corner of your Google Chrome browser to expand the More Options list. Step 2: Select Print. Step 3: Click on More Settings. Step 4: Select the correct paper size from the dropdown.

Why there is no print option in Chrome?

Open Google Chrome, hit the action box (top-right corner) and click on Settings. In the Settings list, scroll all the way down and click on Advanced to expand the drop-down menu. Then, scroll down through the Advanced list and click on Google Cloud Print under Printing.


1 Answers

If you have an @page size declaration in the print CSS, this will override (and hide) the orientation on the print dialog. To override a declaration that is set elsewhere (e.g. Bootstrap 4 does this) you can add:

@page {   size: auto; } 
like image 55
omnichad Avatar answered Oct 11 '22 09:10

omnichad