How to use data from pdfmake playground in design editor?

Self-Hosted | v4/Legacy
1

I’ve created a table in http://pdfmake.org/playground.html and wanted to use this table in the design editor in Invoiceninja.
However when I paste the data, I get a lot of errors from Invoiceninja.
Is there a guide how to use existing pdfmake code?

2

Hi,

One common problem is in Invoice Ninja the app requires all fields/values to be enclosed in double quotes. We don’t have a guide on it though.

3

Thanks for the hint with the double-quotes.
However I can’t even define a simple table width:

image
image953×381 43.6 KB

4

‘table’ and ‘widths’ need to be surrounded by double quotes

5

OK, understood.

However this still doesn’t create a table. Instead a TypeError is showing?

image
image956×691 74 KB

6

OK let me ask this in general.

I have a working design in http://pdfmake.org/playground.html and would like to implement this into the invoice design. Has anyone else done this? Is anyone able to help? I’m willing to pay for this.

7

We recommend this company: https://boldcompass.com/customize-invoice-ninja/

Note: in v5 we’re using HTML/CSS for the designs which is much easier to customize.

8

Yes, I’ve read about the v5 html/css designs. But not all functions (such as recurring invoices) are available yet, that’s why for the moment I have to stick with 4.x.

Thanks for the link.

9

FYI… recurring invoices are now available in v5, we plan to share a new release after the weekend with a few more modules (tasks, expenses, projects and vendors)

1 Like
10

Persistence pays off, it seems.
I finally managed to get the design into Invoiceninja. The keys to success were for once your hint that double-quotes need to be used, on the other hand the footer was just too small for the wanted design so I needed to enter it into the main content of the invoice.
Besides that, the pdfmake playground accepts some “array fault” where a trailing , was accepted, in Invoiceninja this needs to be corrected.

Finally, this is how the implemented Swiss QR design looks in Invoiceninja:

image
image457×644 63.5 KB

If anyone is interested in getting this into their InvoiceNinja, contact us on www.infiniroot.com .

1 Like
11

@hillel is there a way to ensure the table stays together in case of a page break? Or enforce a page break if there’s not enough space left on the invoice?

EDIT: Found the solution myself, by adding

"unbreakable": true,

to the relevant section (src: https://github.com/bpampuch/pdfmake/issues/892)

1 Like