Invoice Layouts
Invoice LayoutsInvoice layouts are extensions of Banana Accounting Plus that manage the printing of invoice data. To print the invoice, you need to choose a layout.
Install the invoice layout extension
In order to use a layout extension for printing the invoice, it must first be installed locally.
- Go to the Extensions menu > Manage Extensions > Invoices
- You can also choose the layout from the Report menu > Customers > Print invoices, button Other layouts...
- Choose the layout you want to use and click the Install button.
Once a layout is installed, it will appear in the Print Invoice dialog and can be selected for printing.
There are some accounting or Offer and Invoice file templates that use predefined layouts already set in the File Properties > Miscellaneous dialog, and they are installed automatically when the file is opened.
Customizing the invoice printout
You can adapt the invoice printout and also create exports in other formats. See the page:
Recommended invoice layout extensions for Banana Accounting Plus
The two invoice layout extensions listed here, CH10 and UNI11, are the most advanced. They allow for greater customization and can only be used in Banana Accounting Plus (they do not work in earlier versions). The two layout extensions have similar features. The CH10 layout additionally allows printing the QR code for Switzerland.
- CH10 layout recommended for invoicing in Switzerland (with or without QR code)
- UNI11 layout recommended for invoicing in other countries
Banana 9 Layouts (no longer current)
- The old layouts for Switzerland from CH01 to CH09 also allowed printing PVR payment slips.
- The old international layouts from UNI01 to UNI08 were similar but without printing the PVR slip.
These layouts are no longer current.
Attention:
The PVR payment slip is no longer accepted in Switzerland as of October 1, 2022 and has been replaced by the QR Code.
Banana 9 layouts CANNOT create the QR code. If you need the QR code, visit the page The Swiss QR Code of Banana Accounting Plus.
List of available layouts
Below you will find the complete list of available layouts, with preview and link to the specific page.
Customise invoice
In Banana Accounting Plus it is possible to completely customise invoice printing by means of:
- Choosing a different printing layout.
- Changing the settings of a layout.
- Programming the layout differently or creating a new layout.
Recommended layouts
The choice of new customisable and programmable layouts is recommended.
- The CH10 layout recommended for invoices within Switzerland (with or without Swiss QR-Code).
- The UNI11 layout recommended for invoices in other countries (same as CH10, but without the QR-Code).
Changing the settings of a layout
Each layout has its own settings page that allows customisation. Some layouts allow you to change the font, colour, include or not include the header.
The Swiss CH10 layout allows you to add the QR-Code.
The layout settings dialogue is displayed :
- Extensions menu → manage extensions → Choose layout and click on Settings.
- Accounting:
- Report menu → Customers → Print Invoices.
- In the Print → Layout dialogue, choose a layout from those installed and click on the Settings button.
- From the Print preview click on Settings icon.
- Estimates and Invoices application:
- Print invoice.
- From the Print preview click on Settings icon.
Logo position and address
On the Logo setup page you will find information on how to position the logo and address of the invoice header.
You can, for example, place the logo on the left and the address on the right and change the size of the logo.
Advanced invoice layout customisations
The Invoice Print Layout is an extension of Banana Accounting Plus which programs the printing of invoices.
- It is a program written in Javascript.
- It takes as input a JSON Invoice object which contains all the invoice data.
- It programs the printing of the different elements.
- The formatting and positioning of the elements is done with CSS styles.
- It provides a dialogue for customising the printout, so that even without programming knowledge, the invoice printout can be adapted.
Customising layouts with programming
CH10 and UNI11 layouts can be customised through specific programming. Printouts can be made that modify the layout to a greater or lesser extent. They require knowledge as a CSS programmer or graphic designer.
- How to change the programming of the CSS styles used for the printout
The positioning of the different print elements is done by means of CSS style sheets. Changing the style sheet elements can vary the presentation. - How to program certain print elements in Javascript
You can add or remove elements and change the assignment of styles.
Creating Your Own Print Layouts
Users with advanced knowledge can also create their own print layouts. See developer documentation:
Electronic invoice: export layout
With the layout system, it is also possible to program the invoice data to be exported in a certain format. See: