Question

25

window.print() is not printing the whole page

rated 0 times [ 30] [ 5] / answers: 1 / hits: 55200 / 12 Years ago, fri, june 1, 2012, 12:00:00

I have a page
screenShot

I want to print this page. On print button i am using something like this

<input id=print type=submit onclick=window.print(); />

But the problem is it is not printing the whole page. Like it only print that is currently in the view. When i click on the print button then till Email:[email protected] page print. It does not print the text below the scrollbar.

textBelowScrollbar

How can i print the whole text. Like suppose i have a very big page and i am using tabs to accommodate my page. And when click on print button, then i want to include the whole page including tabs. How can i do it?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayla

Add To Favorites

Follow

Total Points: 681

Total Questions: 102

Total Answers: 108

Location: Marshall Islands

Member since Tue, Sep 21, 2021

3 Years ago

tayla questions

1 Problem embedding tiktok video into angular 7

Fri, Mar 5, 21, 00:00, 3 Years ago

1 Lodash - How to merge two arrays of objects based on key?

Wed, Oct 28, 20, 00:00, 4 Years ago

1 Horizontal scroll bar is appearing after using slick slider in the webpage

Wed, Oct 21, 20, 00:00, 4 Years ago

1 Jest: `querySelector` returns null in test of a ReactJS component

Sat, Jul 4, 20, 00:00, 4 Years ago

1 setTimeout with Promises

Thu, Apr 9, 20, 00:00, 4 Years ago

View All

answered 12 Years ago longd · Accepted Answer

you should use a separate css file for printing the page or use css3 media queries:

<link rel=stylesheet href=css/print.css type=text/css media=print/>

using percentage values its the best option when you create a css print file.

body, html, #wrapper {

    width: 100%;

}

or in your main css file:

@media print {

      body, html, #wrapper {

          width: 100%;

      }

}