After I get my invoice to be printed differently from screen, I need to have page breaks for invoices that have more than 1 page. The way to achieve it, is to use CSS, again.
It's just as simple as putting the following code at wherever you need the page break:
<div style="page-break-after: always;"></div>
Also note that there's also page-break-before which you can specify a page break before some tags.
I have been working on an web-based invoicing system for a while and I'm almost finishing it. This system will be replacing my client's system that runs on Windows and prints invoices with dot matrix printers.
My client has all the invoice template pre-printed on 3-layered carbon paper. My invoicing system only has to fill up the values into invoice form, and not the whole form. But, to only showing only field values on the screen will be hard to read.
Therefore, I need to make my invoice has to be shown in full when it is on the screen, but to print only field values in the printed copy.
(more…)
Eng Lee, a blogger, a freelancer providing IT solutions such as customised system development, web design and development, and IT related consultation.
