Page breaks on printing don't line up with tabs

I've inserted a text field  page break at the end of the signature block on page two and that works fine with the tabs, but when printing, it does not page break at that point.

The HTML code that I put in that text field is <div class="print-breaker"></div> via the CSS feature in Designer.

Can you tell me what I'm doing wrong?

Thanks,

Jim Erickson

Pediatrics After Hours

I have fixed it for you. There was a lot of CSS errors on your form that's why the CSS codes that supports the print-breaker does not work. Kindly check it again this time and let us know how it goes.

This is how it looks now.

In Chrome 44.0.2403.155m it does take the 1st page break, but not the one before the Financial Policy.  The CSS coding looks the same for both page breaks, but the 2nd one doesn't take.

In IE11 the page breaks don't take at all.

thanks for all your help.  Really appreciated.

I've looked the HTML code and I see where you have inserted the "@media print ...." and the "<div class="page-break"></div>" as on line 1692 in code (after Current Medications block), but when printing, it does not break at that point.

Jim Erickson

 

On the second CSS snippet that does not break kindly add the following style to the div

style="page-break-before:always;"

Still not working as of yesterday. Not sure why.


Jim Erickson
Cell 214 762-5813
Fax 214 919-3176
www.pediatricsafterhours.com





...

I have looked at your form, Jim, and I do not see the code that our colleague Sammy has suggested above. It seems that our software automatically strips the style attribute from the element.

Can you please try either of the two following suggestions:

1. You can try adding the CSS code for your second page break element. As you have used a different class (page-break) for the second page break, teh CSS styles of the first page break were not affecting it. You can add this CSS code to your form to have codes for this second class as well:

@media print{
    .page-break {
        page-break-after : always;
    }

}

@media screen{
    .page-break {
        display : none;
    }

    #stage .page-break {
        display : block;
    }

}

Of course, you would no be removing the old code, but only adding this new code to your existing CSS - at the very bottom.

2. Alternatively to the method above, you can also simply change the class of your second page break to have the same class as the first page break - print-breaker

Please let us know how it goes.