Simple Invoices - Forum

simanek

I was a bit disappointed that the default invoice style didn’t resemble the illustration on the SimpleInvoices homepage. And, after seeing that the template for the page was entirely constructed in tables, I went about creating a new HTML invoice template that mimics that template illustrated on the homepage.

(At least, the HTML-based print preview didn’t look that way. Maybe the export to PDF is a different story, but that functionality isn’t available to me.)

Since a template needs a name, I named this invoice template after my home state for now. I’m sure it’s not perfect, but it’s well-suited to my needs. Let me know if there are things that could be improved. You can download the files here:

Image of template in use: http://www.bohemianalps.com/blog/wp-content/uploads/2012/08/SimpleInvoices-Template-Example-Nebraska-v1.22-249x300.png

Old version:
http://simanek.us/downloads/SimpleInvoices_template_Nebraska_v1.0.zip

You can read a much more detailed and helpful post on my site, as well as get a newer version of the template here:
http://www.bohemianalps.com/blog/2012/simpleinvoices-invoice-template-nebraska/

modir

Hi, we already have an issue regarding this:

http://code.google.com/p/simpleinvoices/issues/detail?id=179

The tables are needed at the moment because of the PDF library.

I will check out your template later.

Regards,
Raffael

simanek

Thanks for the tip on the bug ticket. I will consider trying to help with that. But tables are necessary for the PDF library? Sounds odd. If the PDF output is merely acting as a virtual printer from the HTML + CSS invoice, that shouldn't be the case.

simanek

Looks like SimpleInvoices uses the html2ps and html2pdf libraries. From this: http://www.tufat.com/docs/html2ps/index.html it looks like the basic CSS I used for controlling my template should work fine. But I haven't bothered to install a local web server and all the tools to test the PDF output.

The tricky thing about that ticket is going to be positioning the address box. However, if there is a certain number of standard sizes and positions it could be just a matter of changing the class on that element and having specific properties defined in the CSS.

modir

Well.. there is actually more about the positioning. Since a html page can be infinite and a PDF page can not, you will always have some calculation problems. E.g. How do you define an element which will span over two A4 pages?

simanek

Right. That’s a good point. But I guess I don’t see how using tables helps with that. I'll see if I can come up with anything. The activity on that bug ticket is a few months old. Don't know how much more time I have at the moment either, but maybe we can get a dialog going.

Thanks for you feedback and help today!

justin

hey simanek

can you post a link to a screenshot?

cheers

justin

anthonyg

If you need customizable invoice template and extended table Zoho Invoice will prove a better option to you. You may design or choose an invoice template with your brand logo and these templates are printable.

invoice template

SimonJ

simanek! Thank you for this, it is a great starting point. :)

Casper0219

How do i get this text aligned? see picture http://crm.snakweb.dk/bill.jpg

And thank you for the template.

And how is it possible to insert a logo ?

simanek

@Casper0219 - Could you look at the source of the output and tell me what class/id that element has? It's apparently not something that I am using for my own invoices and as a result I failed to style for it. Sorry! Also, I think your logo question will be answered by my more in-depth post on my blog: http://www.bohemianalps.com/blog/2012/simpleinvoices-invoice-template-nebraska/

Sorry for the delayed response!

Simple Invoices - Forum

Categories

Tagged