Printing a Bootstrap Page from Google Chrome Cause (Sometimes) Truncation Height of The Printed Page

strange cell height in table when printing in chrome

According to productforums.google.com it is a known issue and Google is working on it. Just have to wait and see

Print images when taking print out from chrome/firefox

Modern browsers do not print background images. These CSS images are meant for styling.

If that image is important, have it embeded on your page. images in a <img/> tag will work.

To avoid breaking your current layout, you can do this:

Have another css file print.css and link it as follows:

html:

<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />
<div class="tick"><img src="images/tickmark.png" alt="tick" /></div>

main.css

.tick img {
    display: none;
}

print.css

.tick img {
    display: block;
}

Printing AdvancedDataGrid drops last row to next page if less than one page is printed

I solved this problem by adding the first page outside of the while loop and setting the scale type to none...

printJob.addObject(printDataGrid, FlexPrintJobScaleType.NONE);
while (printDataGrid.validNextPage) {
    printDataGrid.nextPage();
    printJob.addObject(printDataGrid, FlexPrintJobScaleType.NONE);

}
printJob.send();

If you are interested in my full solution to printing a datagrid, see the answer to my question about adding a top margin to the print job... 19164992

---

Related Topics