Document Designer

In the Document Designer, you can design the layout of your documents as you wish.

You can find the Document Designer under Settings > Customers > Document Designer > Design.

You can also click on the area you would like to configure in the preview. The editing area will then automatically open for you:

Note: Please note that the design applies to all document types and no separate designs can be created for each document type (offer, delivery note, invoice...).

Design

• Font: Choose a font.
• Top/Bottom and Left/Right: With these positionings, you can set the margin of the document.
• Font size and color: Choose the font size and color.
• Wide color stripes on the left: If you check the box, a color bar will appear on the left side of the document, which you can fill with your desired color.

General settings

• Height of the header on page 1: This refers to the height from the top to the document title.
• Height of the header on the following page: This refers to the height from the top to the document title.

Logo

• Height and width: With the height and width, you can adjust the size of the logo.
• Distance from above and from the left: With the distance, you can position the logo.

Sender address

• Display address: Check the box to display your address.
• Font size and color: Choose the size and color of the font.
• Distance from above and from the left: Position the address.
• Addresses to display
• Phone number
• Email address
• Website
• Company ID
• VAT number

Receiver address

• Font size: Choose the size of the font.
• Distance from above and from the left: Position the address.

Details

• Show details: Check the box to view the details.
• Top and left spacing: Positioning of details
• Display: Here you can select your desired display. There are the following display options: vertical, horizontal, and two columns.
• Font size and color: Choose the font size and color.
• Number and date: These data are automatically assigned by AbaNinja. You can also manually change them.
• Reference and delivery date: These are not mandatory fields and can be set as needed.
• Due date: You can set the due date when creating a document or you can store the payment terms at the address. The date will be automatically generated for you with this setting.

Document title

• Font size: Select the font size
• Document title: Check the box and the document title will be displayed on the document.
• Number: The number will be displayed if you activate the document title and the number.

Products

• Text spacing: Here you can define the text spacing from the products, descriptions, unit prices, quantities, and sum.
• Breaks: Here you can connect or separate the line under the products, descriptions, etc.
• Line color: Here you can select the line color for all lines that you have activated in the document.
• Top line: Here you will see the line between the document title and the product position.
• Background color: You can set a background color for the header of the products, descriptions, unit prices, quantities, and sums.
• Font size and color: Here you can select the font size and color for the header.
• Bottom line: Here you can set a line below the header.
• Divider line: You can set a divider line if you want a line between the positions.
• Alternating lines: Here you can set a background including color for every other line.
• Sum divider line: Here a line will be set above the open amount.
• Highlight result: Here a line will be set below the open amount.Second line background: Here you can set a background including color for every second line.
• Sum line: Here a line will be set above the open amount.
• Highlight result: Here a line will be set below the open amount.

Notes

• Notes: To display the notes on the document, you must first activate the checkbox.
• Position: You have two options for how your note will be displayed on the document.
  With the "Before the table" option, the note will be displayed between the document title and the header.
  With the "After the table" option, the note will be displayed after the open amount.

Conditions

• Conditions: To display the conditions on the document, you must first activate them.
• Font size: Choose a font size.

Footer - General settings

• Height of footer: Here you can set the height you need so that all information in the footer fits.
• Background color: If you want a colored footer, you can activate the checkbox and select the desired color.
• Page numbering:
  If you want to display the page number on your invoices, you can activate this here. You can also select the font color.

Sender address

• Display address: First activate the address
• Display: Choose the display.
  You have three options: standard, row or column view.
• Font size and color: Here you can select the font size and color for the header.
• Distance from top: Position your address
• Distance from left: Position your address
• Address display: Here the information from the company data you have entered will be taken over.

Footer text

• Standard footer text: Check the box to see this on your receipts.
• Font size and color: Select the font size and color for the footer.
• Top and left: Position your footer text.

Bank details

• Display bank details: Activate your bank details.
• Font size and color: Select the font size and color for the footer.
• Distance from top and left: Position your bank details.
• Distance from top and left: Select your desired options.