Page breaks between orders in the batch?

[Rahjoe42]

Thank you guys.

[Bruce - PhosphorMedia]

Had to revisit this, so here's the final solution that worked for us. (Its basically what was written here within several posts, but I thought I'd add a very simple implementation version.

In the Order_Invoice template (Printable Invoice), add the following line TO THE END of the Content (inline_css) template:

div.order {page-break-after: always;float:none !important }

[skepticwebguy]

Re: Page breaks between orders in the batch?

If you have an inspection tool in FF, right click (Inspect Element or Inspect with FireBug) near the top of the Batch Report output and locate one of the class="orders" div. See if the Page-break-after is somehow suppressed by some other code.

I checked this, and the page-break is not being suppressed. It works MOST of the time — except when orders are so long that they HAVE to spread onto two pages. Then, the page won't break at the end of the long order. Instead, at the end of the long order that spread onto a second page, the next order also begins on the second page, instead of breaking onto its own page.

Is there any way around this for orders that spread onto more than one page? (ie. so that the order that directly follows a two-page order, doesn't ALSO end up on page 2 of the 2-page order)

[Dan - Glendale Designs]

Re: Page breaks between orders in the batch?

Page break CSS is very finicky, and !important is a hack and should be used as a last resort. FireFox has issue with both in some cases.

[VisHorizons]

Re: Page breaks between orders in the batch?

Great! That works in IE8 and IE10, which is what my order processing co-workers use. So that's all set for day-to-day use. Thanks a ton!

However, it still doesn't print correctly from Firefox. :P Oh well.

[Dan - Glendale Designs]

Re: Page breaks between orders in the batch?

May want to try:

page-break-after:always !important;

[Bruce - PhosphorMedia]

Re: Page breaks between orders in the batch?

just for fun (actually to rule out possible overwrites) add the following to the template <head> area:

<style>
@media print
{
div.orders {page-break-after:always}
}
</style>

[VisHorizons]

Re: Page breaks between orders in the batch?

Thanks for the tip. I checked, and there was a "float" I hadn't seen. But even after taking it out, it still doesn't print right. :/

Here's a screen cap of the code.

[Bruce - PhosphorMedia]

Re: Page breaks between orders in the batch?

If you have an inspection tool in FF, right click (Inspect Element or Inspect with FireBug) near the top of the Batch Report output and locate one of the class="orders" div. See if the Page-break-after is somehow suppressed by some other code.

[VisHorizons]

Re: Page breaks between orders in the batch?

When I run the "Printable Invoice" batch report, it doesn't print with page breaks between orders. I checked the template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>&mvte:page:name;</title>
<style type="text/css"><mvt:item name="inline_css" /></style>
</head>
<body>

<mvt:foreach iterator="order" array="admin_order:orders">
    <div class="order">
        <div class="title-box-left">

etc

I checked the CSS, and the "order" style has "page-break-after:always;" just like the above post.

I'm using the original, un-edited template, and I've tried both IE8 and Firefox, and no go. (Incidentally, when I try to run the batch report in IE10, the whole page reloads, bringing me back to the main Admin page.)

What could possibly be going wrong?

[Brennan]

Re: Page breaks between orders in the batch?

It is also worth noting that the parent element (<div id="order">) cannot have a float on it for page-break-after to work.

http://stackoverflow.com/questions/4...n-all-browsers

Other things that can break page-break are: using page-break inside tables, floating elements, inline-block elements, and block elements with borders.

[Rick Wilson]

Re: Page breaks between orders in the batch?

Is it Safari by chance? It's been a while (probably since shipping DVD's last year) but I vaguely recall always bumping into this on my Mac with Safari and then switching to Chrome or FF to print them.

[lesliekirk]

Re: Page breaks between orders in the batch?

Looks like it's going to wind up being a browser issue. Thanks ya'll!

[Brennan]

Re: Page breaks between orders in the batch?

You should have a div with an id of order containing each order (using the printable invoice)

The CSS should look like this:

[COLOR=#000000][FONT=Consolas][COLOR=#777777][COLOR=black].order[/COLOR][/COLOR] {
[/FONT][/COLOR][COLOR=#C80000]    text-align[/COLOR]: left;
[COLOR=#C80000]    width[/COLOR]: 690px;
[COLOR=#C80000]    padding[/COLOR]: 20px;
[COLOR=#C80000]    page-break-after[/COLOR]: always;
[COLOR=#000000][FONT=Consolas]}[/FONT][/COLOR]

The page-break-after is the important attribute there.

[lesliekirk]

Re: Page breaks between orders in the batch?

New installs it definitely is, there's some older installs that missed it and some occasional Browser issues.

How can I tell if it "missed it"?