Bei diesem Layout für den Rechnungsausdruck können Sie die Druckeinstellungen im Dialogfenster Einstellungen ändern. Die Einstellungen sind ähnlich wie beim UNI11-Layout mit der zusätzlichen Option, den Schweizer QR-Code auszudrucken.

Mehr dazu:

• Allgemeine Informationen zur Anpassung des Rechnungsdrucks
• Offerten und Rechnungen
  • Ausdrucken von Offerten und Rechnungen
  • So drucken Sie Ihre Offerten und Rechnungen aus
• Rechnungen in der Buchhaltung
  • Ausdrucken von Rechnungen
  • Wie man Rechnungen ausdruckt, die in die Buchhaltung integriert sind

Dialogfenster Einstellungen Rechnungen

Sie haben zwei Möglichkeiten, auf das Dialogfenster zur Einstellung der Rechnungsparameter zuzugreifen:

• Im Dialogfenster Rechnungsdruck, Sektion Layout, Schaltfläche Einstellungen
  • Dialogfenster Rechnungen ausdrucken für die in der Buchhaltung integrierte Fakturierung.
  • Dialogfenster Rechnungen ausdrucken für die Applikation Offerten und Rechnungen
• Klicken Sie in der Seitenansicht auf das Zahnradsymbol (Einstellungen)

Das Dialogfenster besteht aus mehreren Ebenen und Unterebenen, die es Ihnen ermöglichen, in bestimmte Teile der Rechnung einzugreifen:

• Ausdrucken
  Die Elemente, aus denen der Ausdruck der Rechnung besteht, mit der Möglichkeit, sie individuell zu gestalten.
• Texte
  Die Texte in den verschiedenen Sprachen, die für den Ausdruck verwendet werden
• QR-Code
  Die Einstellungen für den Ausdruck des Schweizer QR-Codes
• Schriftarten
  Ändern Sie die Schriftart und die Farben
• Programmierung (eigene JavaScript/CSS-Dateien)
  Dies ist ein noch höherer Grad der Anpassung, erfordert aber Programmierkenntnisse.
  Sie können in die verschiedenen Elemente des Ausdrucks eingreifen, indem Sie sie ändern oder ersetzen.

Die Schaltfläche Standardwerte wiederherstellen im Dialogfenster setzt alle Einstellungen auf die Standardwerte zurück.
Bestätigen Sie mit Ok und speichern Sie die eingegebenen Parameter.
Mit dem Befehl Menü > Bearbeiten > Rückgängig können Sie Änderungen an Parametern rückgängig machen und wiederherstellen.

Eigenschaften Ausdrucken

Diese Ebene legt fest, welche Elemente der Rechnung für den Rechnungsdruck einbezogen oder welche ausgeschlossen werden sollen.

Sie ist in mehrere Unterebenen unterteilt, die es ermöglichen, verschiedene Elemente der Rechnung zu verwalten.

Überschrift

Element des Dialogfensters, mit dem Sie die Überschrift im oberen Bereich der Rechnungsseite festlegen können.

• Seitenkopf drucken
  Aktivieren Sie das Feld, um die Adresse des Absenders in den Rechnungskopf aufzunehmen.
  Die Adresse wird automatisch aus den Basisdaten der Datei übernommen, die unter Datei > Eigenschaften (Stammdaten) > Adresse definiert sind. Der Mehrwertsteuercode ist obligatorisch und muss in das entsprechende Feld (MWST/USt-Nummer) eingegeben werden.
• Kopfzeilentext 1 ... Kopfzeilentext 5
  Wenn Sie die Basisdaten der Adresse nicht verwenden möchten, können Sie die gewünschten Texte manuell eingeben.
  Diese Texte werden in der Überschrift angezeigt und ersetzen alle in den Dateieigenschaften (Menü Datei > Eigenschaften (Stammdaten) > Adresse) definierten Texte.
  In diesem Fall wird die Mehrwertsteuernummer nicht automatisch gedruckt. Da sie obligatorisch ist, muss sie manuell in einer der Zeilen hinzugefügt werden.
• Logo
  Aktivieren Sie diese Option, um das Logo im Rechnungskopf einzufügen.
  Das Logo wird unter Menü Datei > Logo einrichten definiert. Dort können Sie auch die Grösse, die Ausrichtung (links, Mitte, rechts) und die Ausrichtung der Adresse am Logo festlegen.
• Logo-Name
  Geben Sie den Namen der Logo-Anpassung ein, den Sie im Menü Datei > Logo einrichten > Registerkarte 'Anpassung' definiert haben, und achten Sie dabei auf Gross- und Kleinschreibung.

Kundenadresse

Element des Dialogfensters, mit dem bestimmte Parameter für den Druck der Rechnungsadresse eingestellt werden können.

Die Kundenadressen werden aus den Spalten der Tabelle Konten > Ansicht Adresse für die integrierte Rechnungsstellung und aus der Tabelle Kontakte für die Anwendung 'Offerten und Rechnungen' übernommen.

• Absenderadresse (<none>)
  Oberhalb der Kundenadresse können Sie eine Zeile einfügen, in der die Absenderadresse angegeben wird, falls ein Briefumschlag mit Fenster verwendet wird.
  Lassen Sie das Feld leer, um die unter Menü Datei > Eigenschaften (Stammdaten) > Registerkarte Adresse definierte Adresse zu verwenden.
  Löschen Sie den Standardwert <none>, um die unterstrichene Zeile des Absenders oberhalb der Kundenadresse einzuschliessen.
• Zusammensetzung der Adresse
  Entscheiden Sie, wie die Adresse zusammengesetzt sein soll. Geben Sie hierzu die XML-Namen der Spalten der Adressen in der gewünschten Reihenfolge ein:
  für die integrierte Fakturierung Tabelle Konten ( Ansicht Adresse), für die Anwendung Offerten und Rechnungen Tabelle Kontakte.
  Jeder Spaltenname muss zwischen den Zeichen "<" und ">" eingefügt werden.
  Sie können den XML-Namen jeder Spalte mit dem Befehl Spalten einrichten, Registerkarte Einstellungen anzeigen.
  
  Sie können nur die folgenden Spalten verwenden (andere Spalten können nicht verwendet werden):
  Spalte Anrede (XML-Name = NamePrefix)
  Spalte Organisation (XML-Name = OrganisationName)
  Spalte Vorname (Name XML = FirstName)
  Spalte Nachname (Name XML = FamilyName)
  Spalte Strasse (Name XML = Street)
  Spalte Hausnummer (Name XML = BuildingNumber)
  Spalte AdresseExtra (Name XML = AdressExtra)
  Spalte Postfach (XML-Name = POBox)
  Spalte Postleitzahl (XML-Name = PostalCode)
  Spalte Ortschaft (XML-Name = Locality)
  Spalte Region (XML-Name = Region)
  Spalte Land (XML-Name = Country)
  Spalte Ländercode (XML-Name = CountryCode)
  Spalte Büro Email (XML-Name = EmailWork)
  
  Beispiele:
• Geben Sie den Namen der Firma, Adresse, Postleitzahl und Ort an:
  <OrganisationName>
  <Street>
  <PostalCode> <Locality>
• Geben Sie Vorwahl, Vorname, Nachname, Adresse, Postleitzahl und Ort an:
  <NamePrefix>
  <FirstName> <FamilyName>
  <Street>
  <PostalCode> <Locality>
• Geben Sie eine zusätzliche Adresse, ein Postfach und die Code des Landes an:
  <OrganisationName>
  <NamePrefix>
  <FirstName> <FamilyName>
  <Street> <BuildingNumber>
  <POBox>
  <CountryCode> - <PostalCode> <Locality>
   
• Adresse linksbündig
  Aktivieren Sie diese Option, um die Adresse links auszudrucken. Andernfalls wird sie rechts gedruckt.
• Horizontal verschieben +/- (in cm, Voreinstellung 0)
  Geben Sie einen Wert in cm ein, um die Kundenadresse nach rechts (positiver Wert) oder links (negativer Wert) zu verschieben.
• Vertikal verschieben +/- (in cm, Voreinstellung 0)
  Geben Sie einen Wert in cm ein, um die Kundenadresse nach unten (positiver Wert) oder oben (negativer Wert) zu verschieben.
• Lieferadresse
  Nur für die in die Buchhaltung integrierte Fakturierung verfügbar.
  Die Lieferadresse wird ebenfalls gedruckt.
  Die Lieferadresse wird mit dem Code :sadr in der Spalte BelegTyp der Tabelle Buchungen erfasst, um die Lieferadresse zu definieren.

Informationen

Dieses Element des Dialogs erlaubt festzulegen, welche Elemente der Rechnung für den Rechnungsdruck einbezogen und welche ausgeschlossen werden sollen (oben links):

Integrierte Fakturierung

• Rechnungsnummer / Gutschrift
  Angegeben in der Spalte DocInvoice der Tabelle Buchungen
• Rechnungsdatum
  Wird in der Spalte Datum der Tabelle Buchungen erfasst.
• Bestellnummer
  Angegeben in der Spalte BelegTyp der Tabelle Buchungen mit dem Code :ordn
• Bestelldatum
  Wird in der Spalte BelegTyp der Tabelle Buchungen durch den Code :ordd angegeben.
• Kundennummer
  Wird in der Rechnungsbuchung in der Tabelle Buchungen angegeben.
• Kunden-MWST/USt-Nummer
  Diese wird in der Spalte MWST/USt-Nummer der Konten-Tabelle, Ansicht Verschiedene hinterlegt.
• Kunden-Steuernummer
  Diese wird in der Spalte Steuernummer der Konten-Tabelle, Ansicht Verschiedene angegeben.
• Fälligkeit der Rechnung
  Die Fälligkeit der Rechnung kann auf verschiedene Arten festgelegt werden. Weitere Informationen finden Sie auf der Seite Fälligkeiten und Zahlungskonditionen.
• Seitenzahl
  Die Nummer der aktuellen Seite

Applikation Offerten und Rechnungen:

• Nummer der Rechnung / Offerte
  Angegeben in der Spalte Id der Tabelle Rechnungen/Offerten
• Datum Rechnung
  Angegeben in der  Spalte Datum der Tabelle Rechnungen / Offerten
• Bestellnummer
  Angegeben im Feld Bestellnummer im Dialogfenster Rechnung erstellen/bearbeiten
• Bestelldatum
  Angegeben im Feld Bestelldatum im Dialogfenster Rechnung erstellen/bearbeiten
• Kundennummer
  Angegeben in der Spalte Kontakt Id der Tabelle Rechnungen / Offerten
• Kunden-MWST/USt-Nummer
  Angegeben in der Spalte MWST-Nummer der Tabelle Kontakte
• Kunden-Steuernummer
  Angegeben in der Spalte Steuernummer der Tabelle Kontakte
• Fälligkeit der Rechnung
  Angegeben in der Spalte Fälligkeit der Tabelle Rechnungen / Offerten.
  Die Fälligkeit der Rechnung kann auf verschiedene Arten festgelegt werden. Weitere Informationen finden Sie auf der Seite Zahlungsfrist der Rechnung festlegen.
• Seitenzahl
  Die Nummer der aktuellen Seite
• Benutzerdefinierte Felder
  Nur im Advanced-Plan
  Alle benutzerdefinierten Felder für zusätzliche Informationen, die in Registerkarte Rechnung im Dialogfenster Rechnung definiert sind, werden hinzugefügt

Rechnungsdetails

Unter Rechnungsdetails verstehen wir die Tabelle mit den Artikeln, Mengen, Preisen und Gesamtbeträgen.

Anpassung Vordefinierte Spalten

Ermöglicht Ihnen, die Spalten auszuwählen, die in den Rechnungsdetails angezeigt werden sollen, und zwar direkt aus einer Liste. Die Liste enthält einige Anpassungen von vordefinierten Spalten, aus denen Sie wählen können. Für einige von ihnen ist der Advanced Plan von Banana Buchhaltung Plus erforderlich.

Wählen Sie eine vordefinierte Spaltenzusammensetzung aus der Liste und bestätigen Sie.
Die Werte der Eigenschaften Spaltennamen, Spaltenbreite, Titelausrichtung, Textausrichtung der Sektion Rechnungsdetails und der Eigenschaft Spaltennamen der Rechnungsdetails der Sektion Texte werden vom Programm automatisch eingestellt.

Verfügbar ab Version 10.0.10.21348 oder neuer von Banana Buchhaltung Plus.

Logik der Spaltenanordnung

Die anzuzeigenden Spalten können auf diese Weise manuell definiert werden:

• In den Spaltennamen geben Sie die XML-Namen der zu druckenden Spalten an
• In den folgenden Feldern werden die Druckeigenschaften der einzelnen Spalten
  • Spaltenbreite
  • Ausrichtung des Titels
  • Textausrichtung
• In Sektion Texte geben Sie die Texte für die Spaltenüberschriften ein.
  • Für jede Sprache muss der Text der Überschrift angegeben werden

Wenn Sie eine Standardeinstellung für Spalten wählen, werden alle Elemente automatisch geändert.

Gilt für alle Elemente

• Die Elemente werden durch ";" getrennt und müssen der Anzahl der definierten Spalten entsprechen.
• Wenn eines dieser Elemente leer gelassen wird, werden die Standardwerte übernommen.

Spaltennamen

Geben Sie manuell an, welche Spalten in den Rechnungsdetails angezeigt werden sollen.
Geben Sie die XML-Namen der Spalten der Tabelle Buchungen ein. Sie können den XML-Namen jeder Spalte mit dem Befehl Spalten einrichten, Registerkarte Einstellungen anzeigen. Trennen Sie die Spaltennamen mit einem ";" (Strichpunkt).

Die Standardspalten sind:

• Für in die Buchhaltung integrierte Rechnungen:
  • Number (Artikel-ID) Dies gilt sowohl für die Spalte Id der Tabelle Artikel in der Anwendung Offerten und Rechnungen als auch für die Spalte Artikel der Tabelle Buchungen in der integrierten Fakturierung.
  • Description
  • Quantity
  • ReferenceUnit
  • UnitPrice
  • Amount
  • VatRate
• Zusätzlich zur Anwendung Offerten Rechnungen:
  • Date
  • Discount

Mit dem Advanced-Plan von Banana Buchhaltung Plus können Sie weitere, auch persönlich eingefügte Spalten der Tabellen Buchungen (für die integrierte Fakturierung) und Artikel (integrierte Fakturierung und Applikation 'Offerten und Rechnungen') drucken, die nicht in der vorherigen Liste aufgeführt sind.

• Tabelle Buchungen (Transactions).
  • Die zu verwendende Syntax lautet T. NameSpalte
    "T." gibt an, dass es sich um eine Spalte der Tabelle Buchungen handelt, "NameSpalte" ist der XML-Name der Spalte (z.B. "T.Notes", "T.DateWork", etc.).
• Tabelle Artikel (Items)
  • Die Syntax ist I.NameSpalte
    "I." bedeutet, dass es sich um eine Spalte in der Tabelle Artikel handelt, "NameSpalte" ist der XML-Name der Spalte (z. B. "I.Links", usw.)

Breite der Spalten

Geben Sie die Breite jeder Spalte mit einem Prozentwert an. Jeder Wert gibt an, wie viel Platz eine Spalte im Verhältnis zur Gesamtbreite der Seite einnimmt. Die Summe muss 100% betragen.
Trennen Sie die Spaltenbreiten durch einen ";" (Strichpunkt).

Ausrichtung der Titel

Geben Sie die Ausrichtung des Titels für jede Spalte an.Sie können den Text links ausrichten (left), mittig (center) und rechts (right). Trennen Sie jede Ausrichtung mit einem ";" (Strichpunkt).

Textausrichtung

Geben Sie die Textausrichtung für jede Spalte an.  Sie können den Text links ausrichten (left), mittig (center) und rechts (right). Trennen Sie jede Ausrichtung mit einem ";" (Strichpunkt).

Bruttobeträge (einschliesslich Mehrwertsteuer)

Sie können entscheiden, ob Sie Bruttobeträge einschliesslich Mehrwertsteuer oder Nettobeträge ohne Mehrwertsteuer verwenden möchten.

Drucken zusätzlicher Beschreibungen

Nur für die in die Buchhaltung integrierte Rechnungsstellung verfügbar.
Sie können entscheiden, ob Sie zusätzliche Beschreibungen in mehreren Zeilen eingeben möchten.
Erstellen Sie in der Tabelle Buchungen Spalten mit dem Namen Description gefolgt von einer Nummer (z.B. "Description1", "Description2", ...). Die XML-Namen der Spalten müssen unbedingt "Description1", "Description2", usw. lauten.
Der Text jeder Spalte wird in einer neuen Zeile unmittelbar unter der Hauptbeschreibung eingefügt.

Siehe Beispiel

Einige Beispiele

Die Spalten Beschreibung, Menge, Einheit, Preis pro Einheit und Betrag einschliessen:

• Description;Quantity;ReferenceUnit;UnitPrice;Amount
  50%;10%;10%;15%;15%
  center;center;center;center;center
  left;center;center;right;right

Schliessen Sie nur die Spalten Beschreibung und Betrag ein:

• Description;Amount
  70%;30%
  center;right
  left;right

Schliessen Sie die Spalten Beschreibung, Anmerkungen und Betrag ein. Anmerkungen ist keine Standardspalte, dem Namen muss ein "T." vorangestellt werden. Erfordert den Advanced-Plan von Banana Buchhaltung Plus.

• Description;T.Notes;Amount
  35%;35%;30%
  left;left;right
  left;left;right

Schliessen Sie die Spalten Beschreibung, Datum Arbeit, Menge, Einheit, Stückpreis und Betrag ein (DateWork ist eine manuell erstellte Spalte, dem Namen muss ein "T" vorangestellt werden). Erfordert den Advanced-Plan von Banana Buchhaltung Plus.

• Description;T.DateWork;Quantity;ReferenceUnit;UnitPrice;Amount
  35%;15%;10%;10%;15%;15%
  left;center;center;center;right;right
  left;center;center;center;right;right

Für die Anwendung Offerten und Rechnungen: Schliessen Sie die Spalten Nummer, Datum, Beschreibung, Menge, Einheit, Preis, Rabatt und Betrag ein.

• Item;Date;Description;Quantity;ReferenceUnit;UnitPrice;Discount;Amount
  10%;10%;50%;10%;10%,10%;15%;15%
  left;left;left;right;right;right;right;right
  left;left;left;right;right;right;right;right

Fusszeile

Element des Dialogfensters, mit dem eine Fusszeile eingefügt werden kann.

• Fusszeile drucken
  Hier legen Sie fest, ob die Fusszeile – bestehend aus drei Spalten – in den Ausdruck einbezogen werden soll (siehe Abschnitt "Texteigenschaften" weiter unten).
  Wichtiger Hinweis: Die Fusszeile kann nur eingefügt werden, wenn der QR-Code vom Druck ausgeschlossen ist. Wird der QR-Code eingefügt, wird die Fusszeile automatisch vom Druck ausgeschlossen.
• Trennlinie drucken
  Hier legen Sie fest, ob oberhalb der Fusszeile eine Trennlinie eingefügt werden soll.

Die Fusszeile ist in drei Textblöcke unterteilt, die als drei Spalten angeordnet sind:

• Linker Block, linksbündig
• Zentraler Block, zentriert
• Rechter Block, rechtsbündig

Jeder Block kann eine oder mehrere Textzeilen enthalten. Die Inhalte werden in den Feldern unter Texte > Fusszeilentext links / zentriert / rechts eingegeben.

In den Feldern "Fusszeilentext links" und "Fusszeilentext rechts" sind vordefinierte Texte vorhanden, die Sie jederzeit anpassen können.

Wenn Sie verhindern möchten, dass ein Block gedruckt wird, geben Sie im entsprechenden Feld den Text <none> ein.

Es ist auch möglich, einen einzigen Text über die gesamte Seitenbreite zu drucken. Geben Sie dazu den gewünschten Text im Feld "Fusszeilentext links" ein und setzen Sie <none> in die Felder "Fusszeilentext zentriert" und "Fusszeilentext rechts".

Der Fusszeilenbereich kann mittels JavaScript-Programmierung mit der Funktion hook_print_footer() angepasst werden (erfordert den Advanced-Plan).

Texteigenschaften

Diese Ebene definiert alle Rechnungstexte. Sie sind gruppiert und nach Sprache unterteilt.

Sprachen

Sie können die für jede Sprache zu verwendenden Texte ändern und auch Übersetzungen in andere Sprachen hinzufügen.

Die zu verwendende Sprache wird entsprechend der für den Kunden angegebenen Sprache gewählt:

• Für die integrierte Rechnungsstellung wird sie in der Tabelle Konten, Ansicht Adresse, Spalte Sprache definiert.
• Für die Anwendung Offerten und Rechnungen wird sie in der Tabelle Kontakte, Spalte Sprache definiert.

Wenn für den Kunden keine Sprache angegeben ist, wird die Sprache der Buchhaltung verwendet.

Die Standardsprachen, für die eine vollständige Übersetzung vorliegt, sind Deutsch, Englisch, Französisch und Italienisch.

Die erste Sprache, die im Dialogfenster erscheint, ist immer die aktuelle Sprache der Datei, welche in dieser unter Menü Datei > Eigenschaften (Stammdaten) > Verschiedene definiert wurde. Die übrigen Sprachen sind in alphabetischer Reihenfolge aufgeführt.

Sprachen definieren

• Standardwerte: de;en;fr;it
• Erstellen Sie die Liste der Sprachen mit dem zweistelligen Code:
  • de = Deutsch
  • en = Englisch
  • fr = Französisch
  • it = Italienisch
• Die Sprachcodes sind durch Eingabe des Wertes ";" (Strichpunkt) zu trennen.

Sprache hinzufügen

• Geben Sie im Feld Sprachen die Abkürzung der Sprache ein, die Sie hinzufügen möchten.
• Kicken Sie unten auf OK.
• Öffnen Sie erneut das Dialogfenster Einstellungen. Dort gibt es jetzt einen neuen Abschnitt für die von Ihnen hinzugefügte Sprache mit englischen Texten.
• Ersetzen Sie im Abschnitt für die hinzugefügte Sprache die vorhandenen Texte durch die gewünschten in der neuen Sprache.

Sprache entfernen

• Löschen Sie im Feld Sprache den Sprachcode der Sprache, welche Sie zu entfernen wünschen.
• Klicken Sie im Dialogfenster Einstellungen auf OK.
• Bestätigen Sie die Meldung im sich nun öffnenden Dialogfenster mit Ja, um die Sprache und ihre Texte aus der Liste zu entfernen.
• Öffnen Sie erneut das Dialogfenster Einstellungen. Die entfernte Sprach-Sektion ist jetzt nicht mehr vorhanden.

Sektion Texte für jede Sprache

Für jede Sprache ist ein eigener Abschnitt vorhanden, welcher mit dem zweistelligen Sprachcode beginnt. Enthält die Liste der Texte, die Sie bearbeiten können.
Wenn Sie den Inhalt löschen und mit OK bestätigen, wird automatisch der Standardtext wiederverwendet.

• Rechnungsnummer
  Text in den Informationen vor der Rechnungsnummer.
• Rechnungsdatum
  Text in den Informationen vor dem Rechnungsdatum.
• Bestellung Rechnung
  Text in den Informationen vor der Bestellnummer.
• Bestelldatum
  Text in den Informationen vor dem Bestelldatum.
• Kundennummer
  Text in den Informationen vor der Kundennummer.
• MWST-Nummer Kunde
  Text in den Informationen vor der MWST-Nummer des Kunden.
• Steuernummer Kunde
  Text in den Informationen vor der Steuernummer des Kunden.
• Fälligkeit Rechnung
  Text in den Informationen vor dem Fälligkeitsdatum  der Rechnung.
• Seitennummer
  Text in den Informationen vor der Seitennummer.
• Lieferadresse
  Text in den Informationen über der Lieferadresse.
• Rechnungstitel
  Fakultativer Text, der vor der Tabelle Details eingefügt wird.
  Geben Sie <none> ein, um keinen Text anzuzeigen.
• Gutschriftstitel
  Fakultativer Text, der vor der Tabelle Details eingefügt wird.
  Geben Sie <none> ein, um keinen Text anzuzeigen.
• Anfangstext
  Fakultativer Text in einer oder mehreren Zeilen, der sofort nach der Rechnungsüberschrift eingefügt wird.
• Spaltennamen Rechnungsdetails
  Text der Spaltenüberschriften der Rechnungsdetails.
  Sie müssen durch einen ';' (Strichpunkt) getrennt werden
  Wenn Sie die in der Rechnung anzuzeigenden Spalten ändern (Registerkarte Ausdrucken, Rechnungsdetails, Spaltennamen), müssen Sie immer auch die Texte für die Spaltenüberschriften anpassen.
• Gesamtbetrag Rechnung
  Text, der in der Zeile der Gesamtsumme der Rechnung erscheint.
• Schlusstext
  Fakultativer Text, der in einer oder mehreren Zeilen am Ende der Rechnung eingefügt wird.
  Dieser Text hat Vorrang vor dem hinzugefügten Text des Dialogfensters Rechnungen ausdrucken > Optionen > Schlusstext.
• Fusszeile Text links/mittig/rechts
  Der Code <Seite> wird durch die Seitenzahl ersetzt.
  Geben Sie <none> ein, um keinen Text anzuzeigen.

Spezifische Texte für den Ausdruck von Proforma-Rechnungen, Offerten, Lieferscheinen, Bestellbestätigungen und Mahnungen (erfordert Advanced-Plan):

• Proforma-Rechnung
  • Titel
    Fakultativer Text eingegeben vor der Tabelle der Details. Geben Sie <none> ein, um keinen Text anzuzeigen.
  • Anfangstext
    Fakultativer Text auf einer oder mehreren Zeilen, sofort nach der Überschrift der Proforma-Rechnung eingegeben.
  • Schlusstext
    Fakultativer Text auf einer oder mehreren Zeilen, am Ende der Proforma-Rechnung eingegeben.
• Offerte
  • Nummer
    Text in den Informationen vor der Nummer der Offerte.
  • Datum
    Text in den Informationen vor dem Datum der Offerte.
  • Gültigkeit
    Text in den Informationen vor dem Gültigkeitsdatum der Offerte.
  • Titel
    Fakultativer Text eingegeben vor der Tabelle der Details.
  • Anfangstext
    Fakultativer Text auf einer oder mehreren Zeilen, sofort nach der Überschrift der Offerte eingegeben.
  • Schlusstext
    Fakultativer Text auf einer oder mehreren Zeilen, am Ende der Offerte eingegeben.
• Lieferschein
  • Lieferscheinnummer 
    Text in den Informationen vor der Lieferscheinnummer.
  • Lieferscheindatum
    Text in den Informationen vor dem Datum des Lieferscheins.
  • Titel
    Fakultativer Text eingegeben vor der Tabelle der Details. Geben Sie <none> ein, um keinen Text anzuzeigen.
  • Anfangstext
    Fakultativer Text auf einer oder mehreren Zeilen, sofort nach der Überschrift des Lieferscheins eingegeben.
  • Schlusstext
    Fakultativer Text auf einer oder mehreren Zeilen, am Ende des Lieferscheins eingegeben.
• Bestellbestätigung
  • Bestellbestätigungsnummer
    Text in den Informationen vor der Bestellbestätigungsnummer.
  • Bestellbestätigungsdatum
    Text in den Informationen vor dem Datum des Bestellbestätigung.
  • Titel.
    Fakultativer Text eingegeben vor der Tabelle der Details. Geben Sie <none> ein, um keinen Text anzuzeigen.
  • Anfangstext
    Fakultativer Text auf einer oder mehreren Zeilen, sofort nach der Überschrift.
  • Schlusstext
    Fakultativer Text auf einer oder mehreren Zeilen, am Ende.
• Zahlungserinnerung/Mahnung
  • Rechnungsdatum (nur für die in die Buchhaltung integrierte Rechnungsstellung).
    Text in den Informationen vor dem Rechnungsdatum.
    Wird verwendet, wenn es einen Datensatz mit einem Rückrufdatum gibt, der über den Befehl Berichte > Kunden > Zahlungserinnerungen ausdrucken erstellt wurde.
  • Datum (nur für die in die Buchhaltung integrierte Rechnungsstellung).
    Text in den Informationen vor dem Datum der Zahlungserinnerung.
    Wird verwendet, wenn der Datensatz mit dem Rückrufdatum, der mit dem Befehl Berichte > Kunden > Zahlungserinnerungen ausdrucken erstellt wurde.
  • Fälligkeitsdatum (nur für die in die Buchhaltung integrierte Rechnungsstellung).
    Text in den Informationen vor dem Fälligkeitsdatum der Zahlungserinnerung.
    Wird verwendet, wenn der Datensatz mit dem Rückrufdatum existiert, der mit dem Befehl Berichte > Kunden > Zahlungserinnerungen ausdrucken erstellt wurde.
  • Titel
    Fakultativer Text eingegeben vor der Tabelle der Details. Geben Sie <none> ein, um keinen Text anzuzeigen.
  • Anfangstext
    Fakultativer Text auf einer oder mehreren Zeilen, sofort nach der Überschrift der Zahlungserinnerung eingegeben.
  • Schlusstext
    Fakultativer Text auf einer oder mehreren Zeilen, am Ende der Zahlungserinnerung eingegeben.

Fettgedruckt

Mit einer speziellen Anmerkung können Sie bestimmte Texte fett markieren. Fügen Sie dazu die gewünschten Texte zwischen zwei Sternchen ** ein.

Anwendbar auf:

• Anfangstext
• Schlusstext
• Beschreibungen der Elemente, die in den Rechnungsdetails erscheinen.

Beispiele:

**text** = Text
**text1 text2**, text3 = Text1 Text2, Text3

Überschrift, Anfangs- und Schlusstext individuell gestalten

Die Daten für die Überschrift, den Anfangs- und Schlusstext werden übernommen und bei jeder neuen Rechnung automatisch eingefügt.

Wenn Sie in diese Texte auch Kundeninformationen (Name, Vorname usw.) oder die Rechnungsnummer einfügen möchten:  

• Mit dem Professional-Plan müssen die Daten bei jeder Rechnungserstellung manuell eingegeben werden.
• Mit dem Advanced-Plan können Sie die Dateneingabe für alle Rechnungen automatisieren.

Für die automatische Dateneingabe (nur mit dem Advanced-Plan) müssen Sie die vordefinierten Spalten verwenden, aus denen die Daten entnommen werden:

• Spalten mit Kundenadressen
  • In der integrierten Fakturierung, in der Tabelle Konten, Ansicht Adresse
  • In der Anwendung Offerten und Rechnungen, in der Tabelle Kontakte
• Spalte Rechnungsnummer
  • In der integrierten Fakturierung, in der Tabelle Konten, Spalte Rechnung.
  • In der Anwendung Offerten und Rechnungen, in der Tabelle Rechnungen, Spalte Id

In den Texten müssen Sie die folgenden Spalten einfügen, wobei Sie den XML-Namen der Spalten zwischen den Zeichen "<" und ">" angeben.

• Adresse
  • <NamePrefix>, <OrganisationName>, <FirstName>, <FamilyName>, <Street>, <BuildingNumber>, <AddressExtra>, <POBox>, <PostalCode>, <Locality>, <Region>, <Country>, <CountryCode>, <EmailWork>.
• Rechnungsnummer
  • <DocInvoice>.
    In diesem Fall wird DocInvoice sowohl für die integrierte Rechnungsstellung als auch für die Anwendung Offerten und Rechnungen verwendet.

Um den XML-Namen der einzelnen Spalten anzuzeigen, verwenden Sie den Befehl Spalten einrichten, Sektion Einstellungen.

Beim Erstellen der Rechnung werden diese Texte durch die tatsächlichen Werte ersetzt.

Beispiele:

• Der Text "Rechnung <DocInvoice>" wird in "Rechnung 10" umgewandelt.
• Der Text "Rechnung <DocInvoice>, <FirstName> <FamilyName>" wird in "Rechnung 10, James Johnson" umgewandelt.

Stil-Eigenschaften

Diese Ebene definiert die Parameter, die das optische Erscheinungsbild der Rechnung beeinflussen, wie Schriftart, Schriftgrösse und Farben.

Schriftart und Schriftgrösse

Die Schriftart und die Schriftgrösse wird für alle Texte der Rechnung verwendet, mit Ausnahme der Überschrift, die eine feste Grösse hat, die nur durch Anpassung der CSS-Programmierung geändert werden kann.

Die Grösse des Titels und der Zeile der Totalsumme wird automatisch entsprechend der gewählten Schriftgrösse angepasst.

Weitere Informationen betreffend verwendbaren Schriftarten und zum Exportieren in PDF finden Sie auf der Seite PDF erstellen.

Farben

Geben Sie die Farben ein, die Sie für Ihren Rechnungsdruck verwenden möchten.

• Textfarbe
  Die Farbe, die auf alle Rechnungstexte angewendet wird: Überschrift, Informationen, Adresse, Anfangstext, Rechnungsdetails, Schlusstext, Fusszeile.
  Die Farbe des QR-Einzahlungsscheins kann nicht geändert werden.
• Hintergrundfarbe Überschrift Details
  Die Hauptfarbe der Rechnung. Gilt für:  Überschrift Rechnungsdetails, horizontale Linien, Zeile Totalsumme und doppelte Unterstreichung.
• Textfarbe Überschrift Details
  Die Farbe der Texte in den Überschriften der Spalten der Tabelle Rechnungsdetails.
• Hintergrundfarbe für alternierende Zeilen
  Die Hintergrundfarbe, die auf die Zeilen der verschiedenen Rechnungspositionen angewendet wird.
• Farbe vom Titel und Totalsumme
  Die Farbe des Titels und der gesamten Zeile (Text und Unterstreichungen).

Es gibt zwei Möglichkeiten, eine Farbe einzugeben:

• Wählen Sie eine der verfügbaren Farben aus.
• Geben Sie den Hexadezimalcode der Farbe (HEX) ein. Dies ist ein Code, der mit # beginnt, gefolgt von sechs Zeichen (z. B. #000000, #009FE3, #FF00EA).
  Farbcodes sind im Internet leicht zu finden. Sie können zum Beispiel die Tabelle unter https://www.w3schools.com/cssref/css_colors.asp einsehen.

Wenn Sie keine Farbe eingeben (Sie lassen das Feld leer), wird die Standardfarbe eingestellt. Dies gilt für jedes Farbfeld. Nützlich, wenn Sie die ursprünglichen Farben wiederherstellen wollen.

Texte der integrierten Fakturierung

In der integrierten Fakturierung können einige Texte auch bei der Erfassung von Rechnungsdaten in der Tabelle Buchungen definiert werden.

• Rechnungstitel / Gutschrift
  • Geben Sie in der Spalte BelegTyp den Befehl 10:tit (12:tit für Gutschrift) ein
  • Geben Sie den gewünschten Text in der Spalte Beschreibung ein
  • Hat Vorrang vor eventuellen Texten, die in den Einstellungen des Rechnungslayouts definiert sind
• Anfangstext
  • In der Spalte BelegTyp geben Sie den Befehl 10:beg ein.
  • Geben Sie den gewünschten Text in der Spalte Beschreibung ein.
  • Es kann nur eine Textzeile eingegeben werden
  • Hat Vorrang vor dem Text, der in den Einstellungen für das Rechnungslayout definiert wurde
• Anmerkungen
  • In der Spalte BelegTyp geben Sie den Befehl 10:not ein.
  • Geben Sie den gewünschten Text in der Spalte Beschreibung ein
  • Es können mehrere Zeilen mit Bemerkungen eingegeben werden. Jede Bemerkung muss in einer neuen Zeile in der Tabelle Buchungen definiert werden.
• Grussworte
  • In der Spalte BelegTyp geben Sie den Befehl  10:gre
  • Geben Sie den gewünschten Text in der Spalte Beschreibung ein
  • Es kann nur eine Zeile mit Grussworten eingegeben werden

Priorität Titel und Anfangstext:

Priorität Schlusstext:

Fehlermeldungen

• @error Die Namen von Text und Spalten stimmen nicht überein.
  Die Anzahl der Spalten der Tabelle mit den Rechnungsdetails (Abschnitt Drucken > Rechnungsdetails einschliessen > XML-Spaltennamen) stimmen nicht mit den zu druckenden Texten (Texte > Sprachen > Spaltennamen Rechnungsdetails) überein. Überprüfen und korrigieren Sie bitte die Rechnungseinstellungen.

Diese Seite erklärt, wie der Schweizer QR-Code auf Rechnungen gedruckt wird, und verweist zudem auf technische Informationen zu den Anpassungsmöglichkeiten, zur Verwendung von Adressformaten und weiteren Aspekten.

Für die technischen Spezifikationen wird auf die Seite Normen und Standards des QR-Codes verwiesen.

Bankbewegungen importieren

• Im elektronischen Bankauszug (camt.053 und camt.054) sind die Informationen enthalten, die auf der QR-Rechnung aufgedruckt wurden.
• Mit der Import-Erweiterung Bankauszug Camt ISO 20022 Schweiz (Banana+) liest das Programm diese Daten ein und ergänzt die Buchung automatisch mit dem Kundenkonto und der Rechnungsnummer.
• Im Auszug der offenen Rechnungen sehen Sie, welche Rechnungen bezahlt, noch offen oder nur teilweise beglichen sind.

Abschnitt QR-Code

In den Rechnungseinstellungen gibt es einen speziellen Abschnitt für die Dateneingabe zum Ausdruck des QR-Abschnitts.

• Damit der QR-Code auf der Rechnung erscheint, muss die Option QR-Code drucken aktiviert werden.

Bevor Sie fortfahren, müssen Sie eine sehr wichtige Entscheidung treffen: Das QR-Code-System bietet grundsätzlich zwei Varianten, je nachdem, welche Art von Konto Sie verwenden möchten. Im Feld QR-Referenztyp legen Sie fest, welches System verwendet werden soll.

• QR-Rechnung mit IBAN-Konto (Standardauswahl)
  • Sie können sofort mit dem Drucken von QR-Rechnungen beginnen, indem Sie Ihr bestehendes IBAN-Konto verwenden.
  • Die Zahlungsdaten werden auf Ihrem normalen IBAN-Kontoauszug zusammen mit allen anderen Bewegungen aufgeführt.
  • Für den Datenimport verwenden Sie das Format camt.053.
• QR-Rechnungen mit einem speziellen QR-IBAN-Konto drucken
  • Sie müssen bei Ihrer Bank eine spezielle QR-IBAN-Kontonummer beantragen.
  • Die Zahlungsdaten werden von der Bank auf dieses spezielle Konto verbucht.
    Auf Ihrem normalen IBAN-Konto erscheint lediglich die Buchung des täglich eingegangenen Gesamtbetrags.
  • Dieses System eignet sich besonders für Personen oder Unternehmen mit vielen Zahlungseingängen, die diese vom regulären IBAN-Konto trennen möchten.
  • Es handelt sich um das System, das mit dem früheren ESR-Verfahren kompatibel ist und eine 27-stellige numerische Referenznummer verwendet.
  • Die Zahlungsdaten werden von der Bank im Format des elektronischen Kontoauszugs camt.054 zur Verfügung gestellt.

Hinweis: Die folgenden Einstellungen sind unabhängig vom gewählten QR-Referenztyp verfügbar.

Zahlungsempfänger-Adresse ändern

• Adresse "Zahlbar an"
  Das Programm übernimmt standardmässig die Adresse des Zahlungsempfängers aus den Adressangaben in den Dateieigenschaften.
  Es ist jedoch möglich, eine andere Adresse anzugeben, indem Sie die Felder im Abschnitt Zahlbar an ausfüllen.
  Weitere Informationen finden Sie im Abschnitt Technische Informationen.

In der Druckausgabe ein-/ausschliessen

• Zusätzliche Informationen angeben (XML-Spaltenname)
  Im Abschnitt "Zusätzliche Informationen" können Sie weitere Angaben zur Rechnung erfassen, die im QR-Zahlteil angezeigt werden.
  
   
  
  Im Dialogfenster Rechnungseinstellungen > Abschnitt QR > Zusätzliche Informationen einbeziehen geben Sie den XML-Namen der Spalte an, aus der die zusätzlichen Informationen übernommen werden sollen.
  Sehen Sie: Wie man die XML-Namen der Spalte anzeigt.
  Sehen Sie: Wie man neue Spalten hinzufügt.
   
  • Integrierte Fakturierung/Rechnungsstellung
    Fügen Sie in der Tabelle Buchungen eine neue Spalte hinzu, um die zusätzlichen Informationen einzutragen, oder verwenden Sie eine bestehende Spalte, wie z.B. die Spalte "Bemerkungen".
    
    
     
  • Applikation Offerten und Rechnungen 
    Fügen Sie in der Tabelle Rechnungen eine neue Spalte hinzu, um die zusätzlichen Informationen einzutragen – zum Beispiel eine Spalte mit dem Namen "Info".
    Wichtig: Verwenden Sie nicht die Spalte "Bemerkungen", da diese für die Anzeige der Schlusstexte der Rechnung genutzt wird.
    
    
     
• Rechnungsinformationen einschliessen (optional)
  Automatisch generierte, strukturierte Rechnungsinformationen hinzufügen.
  Wenn vorhanden, werden sie nach den zusätzlichen Informationen eingefügt (siehe vorheriger Punkt).
• Rechnungsadresse ausschliessen
  Die Rechnungsadresse des Kunden ausblenden und ein Feld freilassen, damit die Adresse manuell eingetragen werden kann.
• Rechnungsbetrag ausschliessen
  Den Rechnungsbetrag ausblenden und ein Feld freilassen, um den Betrag von Hand einzutragen. Zu verwenden, wenn der Kunde den zu zahlenden Betrag selbst wählen kann.
  
  

Druckformat QR-Abschnitt

• QR-Code auf neuer Seite drucken
  Druckt die Zahlungs- und Empfangsabschnitte der QR-Rechnung auf einer separaten Seite aus.
  So bleibt auf der ersten Seite mehr Platz für die Rechnung.
• Trennlinie drucken
  Druckt eine gestrichelte Trennlinie zur Abgrenzung der Rechnung vom Zahlungs- und Empfangsabschnitt.
• Scherensymbol drucken
  Druckt ein Scherensymbol an der Trennlinie.
• QR-Position X und QR-Position Y (optional)
  Ändert die horizontale und vertikale Position des QR-Code-Abschnitts. In der Regel ist es nicht notwendig, die Standardwerte zu ändern.

Weitere Informationen

• Die Adressen, die im Zahlungs- und Empfangsabschnitt erscheinen, müssen folgende Angaben enthalten:
  • Vor- und Nachname oder Firmenname (der Firmenname hat Vorrang, wenn beide angegeben sind)
  • Strasse und Hausnummer
  • Postleitzahl und Ort
  • Ländercode (wird nicht auf dem Ausdruck angezeigt, ist aber im QR-Code enthalten).
• Der Ländercode ist ein zweistelliger Code gemäss der ISO-3166-1-Norm (z.B. CH, LI, AT, DE, IT, FR).
  • Der Ländercode des Rechnungsabsenders wird im Menü Datei > Eigenschaften (Stammdaten) > Registerkarte Adresse, im Feld "Nation / Code" erfasst.
  • Der Ländercode des Kunden wird in der Tabelle Konten, in der Spalte Nation K. (Nationskennzeichen), der Ansicht Adresse eingetragen.

Technische Informationen

Im QR-Code der QR-Rechnung sind die Adressen des Rechnungsausstellers und des Kunden immer vom Adress-Typ strukturiert (S). Dieser Adress-Typ bestimmt, wie die Adressdaten innerhalb des QR-Code-Bildes dargestellt werden.

Die Adresse wird im QR-Zahlteil – sowohl im Empfangsschein als auch im Zahlungsabschnitt – identisch ausgegeben.

Details zur strukturierten Adresse

Die Zeilen der strukturierten Adresse im QR-Code sind wie folgt aufgebaut:

Im QR-Code müssen Adressen immer entweder den Namen der Organisation oder den Vor- und Nachnamen enthalten.
Der Organisationsname hat Vorrang: Wenn er vorhanden ist, wird er verwendet – andernfalls wird der Vor- und Nachname eingesetzt.
Beide gleichzeitig anzugeben ist nicht möglich, da die Zeilen begrenzt sind und jede Zeile eine klar definierte Information enthalten muss.

Beim Ausdruck auf der Rechnung ist die Adressstruktur wie folgt:

• Name der Organisation oder Vor- und Nachname
• Strasse und Hausnummer
• Postleitzahl und Ort

Die Adressen, die im QR unter den Angaben "Zahlbar an" und "Zahlbar durch" erscheinen, entsprechen den Vorgaben des Swiss-QR-Standards.
Es ist nicht möglich, zusätzliche Zeilen hinzuzufügen oder die Struktur der Adressen im QR in irgendeiner Weise zu verändern.

Adresse des Rechnungsausstellers

Die Adresse des Rechnungsausstellers kann auf zwei Arten definiert werden:

• Über die Datei-Eigenschaften
  • Die Adresse wird automatisch aus den Stammdaten Datei > Eigenschaften (Stammdaten) > Adresse übernommen.
• Über die Rechnungseinstellungen
  • Die Adresse wird aus den Rechnungseinstellungen, Abschnitt QR-Code > Zahlbar an, übernommen.
  • Aktivieren Sie den Abschnitt QR-Code > Zahlbar an
  • Erfassen Sie die Adressdaten in den nachfolgenden dafür vorgesehenen Feldern.
    
    

Kundenadresse

Die Kundenadresse wird entweder in der Tabelle Konten (integrierte Fakturierung) oder in der Tabelle Kontakte (Applikation 'Offerten und Rechnungen') erfasst.

Die Hausnummer kann entweder in der Spalte Strasse oder in der Spalte Hausnummer eingetragen werden – beide Varianten sind zulässig.

Die Spalte Hausnummer erlaubt beliebige Zeichen mit einer maximalen Länge von 16 Zeichen.

Die Spalte Strasse erlaubt beliebige Zeichen mit einer maximalen Länge von 70 Zeichen. 

Druck und Versand in Papierform

Die QR-Rechnung kann gedruckt und im Papierformat versendet werden. Dazu muss ein spezielles perforiertes weisses Papier verwendet werden.

QR-Code testen

Die PDF-Dateien von Rechnungen mit QR-Codes können über die offizielle Validierungsseite wie folgt überprüft werden:

• Erstellen und speichern Sie die QR-Rechnung als PDF.
• Besuchen Sie die offizielle Seite 'Validator für QR-Rechnung': https://www.swiss-qr-invoice.org/validator
• Ziehen Sie die PDF-Datei in den blauen Bereich auf der Webseite.

Auf der Validierungsseite wird bei einem korrekten QR-Code der Inhalt angezeigt. Bei Fehlern erscheinen entsprechende Hinweise in Rot.

Wenn keine roten Meldungen angezeigt werden, gilt der QR-Code als korrekt (siehe folgendes Beispiel).

The Banana invoice is constructed with a Javascript program. The Extension also allows you to add Javascript programming so that you can completely customize the content and format of the invoice (this functionality requires the Advanced plan).

See more about Banana Accounting API Extensions Reference.

Add your custom Javascript file

Three steps are required to define and use your Javascript file:

1. Add the document table to the Banana Accounting file.
   If it is not already present you need to add the Documents table in the Banana document with the menu command Tools > Add new features > Add document table.
2. Add a new Javascript type document to the document table.
   1. In the ID column enter the file name including the extension .js (e.g. "myFile.js").
      If the id is missing the ".js" at the end, it won't work.
   2. In the Description column enter a comment (optional).
   3. In the Attachments column, double click on the cell or select the edit symbol, then select Javascript Code and confirm with OK.
   4. An editor will open in which you can write the code.
   5. Delete everything in it.
   6. Insert the Javascript code. You can modify the content at any time.
      
      
      Documents table - Javascript Code attachment
       
3. Tell the invoice layout to use the customized Javascript attachment file.
   1. Select Settings of the Print invoices dialogue.
   2. In the Javascript/CSS > JS file name, enter the name of the newly created Javascript attachment file with the extension ".js" at the end (e.g. "myFile.js").
   3. Click Ok to confirm.
      
      
      Settings Dialogue - Javascript File Property

Javascript Hook Replacement Functions

The invoice layout is created with a set of predefined Javascript functions.

The hook functions are Javascript replacements functions to be used instead of the the predefined.

The hook functions should be defined in the ".js" file of the Documents table.

• The name of the hook function is the name of the predefined function used in the layout, preceded by the text "hook_".
  For example, if you want to change the header printing you have to define the hook_print_header() that will replace the predefined print_header() function.
  • The parameters must be the same as those used in the main function.
  • If you create your own hook function, it is necessary to know how it works the function you want to replaces.
• When generating the invoice, the layout extension checks for the existence of a hook replacement function and, if available, utilizes it to substitute the predefined function.
• Hook functions let you selectively change some part of how the invoice is build, without directly modifying the original script of the invoice Layout.

Graphic explanation of the Hook functions

With the hook functions, you can customize the following sections of the invoice.

(1) hook_print_header()

Function that prints the header part of the invoice (logo and texts).

(2) hook_print_info_first_page() and hook_print_info_other_pages()

Functions that print the information parts of the invoice.

(3) hook_print_customer_address()

Function that prints the customer address part of the invoice.

(4) hook_print_shipping_address()

Function that prints the shipping address part of the invoice (in case it exists).

(5) hook_print_text_begin()

Function that prints the title and begin text parts of the invoice.

(6) hook_print_details_net_amounts() and hook_print_details_gross_amounts()

Functions that print the invoice details using net/gross amounts.
Use the hook_formatItemsValue() function to change the format and style of the items.

(7) hook_print_final_texts()

Function that prints the final texts, notes and greetings parts of the invoice, right after the invoice details.

(8) hook_print_footer()

Function that prints the footer at the bottom of the page (usable only when not printing the QR slip).

Invoice Layout Hook Functions Reference

This document provides a reference for all available invoice layout hook functions, including their exact names, the required parameters in the correct order, and detailed descriptions of each parameter’s purpose, and example usage. The empty function bodies should be replaced with your own implementation.

• Examples of customizing invoices with JavaScript hook functions

Rules:

• You must use the exact function name listed.
• Parameters must be passed in exact order shown.
• You cannot add, remove, or rename parameters.
• All parameters are required.

List of available invoice layout hook functions:

/**
 * Sets or updates all variables used by the invoice layout script.
 * @param {Object} variables - MUTABLE object containing layout variables (colors, fonts, decimals, margins).
 * @param {Object} userParam - User parameters that may override or extend the variables.
 * @returns {void}
 */
function hook_set_variables(variables, userParam) {...}

/**
 * Prints the header at the top of the page (logo, company name, address).
 * @param {Object} repDocObj   - Document object for output.
 * @param {Object} userParam   - User parameters that include affecting header content and style.
 * @param {Object} repStyleObj - Document CSS style object.
 * @param {Object} invoiceObj  - Invoice data (issuer, customer, logo, etc.).
 * @param {Object} texts       - Localized labels and strings (e.g., "Address", "Phone").
 * @returns {void}
 */
function hook_print_header(repDocObj, userParam, repStyleObj, invoiceObj, texts) {...}

/**
 * Prints invoice information on the first page (invoice number, date, terms, references).
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data (number, dates, payment terms, etc.).
 * @param {Object} texts      - Localized labels for displayed fields.
 * @param {Object} userParam  - User parameters that include affecting information content for page 1.
 * @returns {void}
 */
function hook_print_info_first_page(repDocObj, invoiceObj, texts, userParam) {...}

/**
 * Prints invoice information from page 2 onwards (invoice number, date, terms, references).
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data (number, dates, payment terms, etc.).
 * @param {Object} texts      - Localized labels for displayed fields.
 * @param {Object} userParam  - User parameters that include affecting information content for page > 1.
 * @returns {void}
 */
function hook_print_info_other_pages(repDocObj, invoiceObj, texts, userParam) {...}

/**
 * Prints the customer's billing address.
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data with customer information (name, street, ZIP, city, country).
 * @param {Object} userParam  - User parameters that include affecting customer address content and style.
 * @returns {void}
 */
function hook_print_customer_address(repDocObj, invoiceObj, userParam) {...}

/**
 * Prints the shipping address.
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data with shipping information (recipient, address).
 * @param {Object} texts      - Localized labels (e.g., "Ship to").
 * @param {Object} userParam  - User parameters that include affecting shipping address content visibility.
 * @returns {void}
 */
function hook_print_shipping_address(repDocObj, invoiceObj, texts, userParam) {...}

/**
 * Prints the introductory block before the invoice details (title, opening text).
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data with begin text.
 * @param {Object} texts      - Localized titles and messages (e.g., "Invoice").
 * @param {Object} userParam  - User parameters that include affecting text begin content.
 * @returns {void}
 */
function hook_print_text_begin(repDocObj, invoiceObj, texts, userParam) {...}

/**
 * Prints the details table using NET amounts (VAT excluded).
 * @param {Object} banDoc       - Accounting/data source (for calculations or lookups).
 * @param {Object} repDocObj    - Document object for output.
 * @param {Object} invoiceObj   - Invoice data (currency, items, amounts, VAT, totals, etc.).
 * @param {Object} texts        - Column labels and strings (Qty, Price, VAT, Total, etc.).
 * @param {Object} userParam    - User parameters that include affecting invoice details content and style.
 * @param {Array|Object} detailsTable - Rows/structure of the table (items, quantities, prices).
 * @param {Object} variables    - Calculated layout variables (column widths, CSS classes, partial totals).
 * @returns {void}
 */
function hook_print_details_net_amounts(banDoc, repDocObj, invoiceObj, texts, userParam, detailsTable, variables) {...}

/**
 * Prints the details table using GROSS amounts (VAT included).
 * @param {Object} banDoc       - Accounting/data source (for calculations or lookups).
 * @param {Object} repDocObj    - Document object for output.
 * @param {Object} invoiceObj   - Invoice data (currency, items, amounts, VAT, totals, etc.).
 * @param {Object} texts        - Column labels and strings (Qty, Price, VAT, Total, etc.).
 * @param {Object} userParam    - User parameters that include affecting invoice details content and style.
 * @param {Array|Object} detailsTable - Rows/structure of the table (items, quantities, prices).
 * @param {Object} variables    - Calculated layout variables (column widths, CSS classes, partial totals).
 * @returns {void}
 */
function hook_print_details_gross_amounts(banDoc, repDocObj, invoiceObj, texts, userParam, detailsTable, variables) {...}

/**
 * Prints the final texts (notes, terms, thanks) after the details table.
 * @param {Object} repDocObj  - Document object for output.
 * @param {Object} invoiceObj - Invoice data with final texts.
 * @param {Object} userParam  - User parameters that include affecting final texts content and style.
 * @returns {void}
 */
function hook_print_final_texts(repDocObj, invoiceObj, userParam) {...}

/**
 * Prints the footer at the bottom of the page. Use only when NOT printing the QR slip section.
 * @param {Object} repDocObj - Document object for output.
 * @param {Object} texts     - Localized labels and strings.
 * @param {Object} userParam - User parameters that include affecting footer content and style.
 * @returns {void}
 */
function hook_print_footer(repDocObj, texts, userParam) {...}

/**
 * Formats the value and sets the CSS className of the item.
 * @param {*} value           - Original cell value (number, string, date).
 * @param {Object} variables  - Layout/context variables for formatting rules.
 * @param {string} columnName - Column name (for column-specific rules).
 * @param {string} className  - Initial className that can be changed.
 * @param {Object} item       - The current row/item object (for data-dependent rules).
 * @returns {Object}          - Return the formatted value and className.
 */
function hook_formatItemsValue(value, variables, columnName, className, item) {...}

/**
 * Allows modification of QR code settings (fields and formatting) before printing.
 * @param {Object} invoiceObj - Invoice data relevant to payment/QR.
 * @param {Object} qrcodeData - QR settings object to read/overwrite (IBAN, amount, reference).
 * @returns {void}
 */
function hook_modify_settings_qr(invoiceObj, qrcodeData) {...}

Examples of a hook functions 

Within your hook function you can call the original hook function. This way you can limit the changes to the code.
For example this hook function call the original one, only in a specific case.

/** 
 * This function prints the final text only for INVOICES and not for CREDIT NOTES.
 * Invoices = DocType 10
 * Credit notes = DocType 12
 */
function hook_print_final_texts(sectionClassFinalTexts, invoiceObj, userParam) {
   // We can check the DocType and print the text only when is not 12
   if (invoiceObj.document_info.doc_type !== "12") {
      print_final_texts(sectionClassFinalTexts, invoiceObj, userParam);
   }
}

Predefined variables

The predefined variables are the default used by the invoice layout script.

The variables for decimals start with "decimals_". (decimals_quantity, decimals_unit_price, decimals_amounts).

The variable that start with "$" are template variable that you can use in the CSS styles ($font_family, $font_size, $text_color, ...).
Example of an extract of the predefined CSS invoice layout.

body {
  font-family: $font_family;
  font-size: $font_size;
  color: $text_color;
}

List of all predefined variables and their default values that you can override with the hook_set_variables() function:

/* Variable that sets the decimals of the Quantity column */
variables.decimals_quantity = "";
/* Variable that sets the decimals of the Unit Price column */
variables.decimals_unit_price = 2;
/* Variable that sets the decimals of the Amount column */
variables.decimals_amounts = 2;
/* Variables that set the colors */
variables.$text_color = userParam.text_color;
variables.$background_color_details_header = userParam.background_color_details_header;
variables.$text_color_details_header = userParam.text_color_details_header;
variables.$background_color_alternate_lines = userParam.background_color_alternate_lines;
variables.$color_title_total = userParam.color_title_total;
/* Variables that set the font */
variables.$font_family = userParam.font_family;
variables.$font_size = userParam.font_size+"pt";
/* Variables that set the font size and margins of the Invoice Begin Text */
variables.$font_size_title = userParam.font_size*1.4 +"pt";
/* Variables that set font size, margins, padding and borders of the Invoice Details */
variables.$font_size_header = userParam.font_size*1.2 +"pt";
variables.$font_size_total = userParam.font_size*1.2 +"pt";
/* Variables that set the position of the invoice address
 * Default margins when the address on right: 12.3cm margin left, 4.5cm margin top
 * Default margins when the address on left: 2.2cm margin left, 5.5cm margin top
 * Sum userParam dX and dY adjustments to default values */
variables.$right_address_margin_left = parseFloat(12.3) + parseFloat(userParam.address_position_dX)+"cm";
variables.$right_address_margin_top = parseFloat(4.5) + parseFloat(userParam.address_position_dY)+"cm";
variables.$left_address_margin_left = parseFloat(2.2) + parseFloat(userParam.address_position_dX)+"cm";
variables.$left_address_margin_top = parseFloat(5.5) + parseFloat(userParam.address_position_dY)+"cm"; 

Example of 'hook_set_variables' function

You can overwrite the predefined variable with the hook_set_variables() function. 
Only use the variable that you want to replace. 

// Example of hook function usage that sets
// the decimals of the Amounts columns to 4
// the font type to Times New Roman
function hook_set_variables(variables, userParam) {
   variables.decimals_amounts = 4;
   variables.$font_family = "Times New Roman";
}

Banana invoices are formatted through a CSS Stylesheet. The extension allows you to use a customized stylesheet so you can fully modify the appearance of the invoice (this functionality requires the Advanced plan).

Following you will find information and examples that let anyone understand the basic of the CSS so that you are able to do a lot of customization to your invoice, even if you are not a CSS professional.

• See also the page CSS Examples. 

Banana CSS Stylesheet file

The CSS file property let you specify an CSS stylesheet file to be used for formatting the invoice. You have to enter the name of a CSS document, contained in the Documents table.

The properties you define in the custom CSS file will extend or overwrite the styles of the default stylesheet.

Cascading Style Sheet (CSS) is a specification language that allows to customize the appearance of web pages, and a subset of the whole CSS specification is also used in Banana to prepare reports. 
Here are some basics about CSS Stylesheet formatting.

• The document, in our case the invoice, is composed by a series of Elements that contains all the data of the invoice.
• Each element can have one or more class properties that specify which style should be used for that element.
• Each element can contain other elements.
• In the CSS stylesheet you specify the formatting properties of each class of style.
• The elements hynnerit the styles of the parent element.
• The main element for the invoice is the Document.

Add your custom CSS stylesheet

Three steps are required to define and use your CSS file:

1. Add the document table to the Banana Accounting file.
   If it is not already present you need to add the Documents table in the Banana document with the menu command Tools > Add new features > Add document table.
2. Add a new CSS type document to the document table.
   1. In the ID column enter the file name including the extension .css (e.g. "myStyle.css").
      If the id is missing the ".css" at the end, it won't work.
   2. In the Description column enter a comment (optional).
   3. In the Attachments column, double click on the cell or select the edit symbol, then select CSS stylesheet and confirm with Ok.
   4. An editor will open in which you can write the code.
   5. Enter or edit the script and confirm with Ok.
   6. Save the Banana Accounting file.
      
      
      Documents table - CSS stylesheet attachment
       
3. Specify the CSS file created in the invoice layout extension.
   1. Select Settings of the Print invoices dialogue.
   2. In the Javascript/CSS > CSS file name, enter the name of the newly created CSS attachment file with the extension ".css" at the end (e.g. "myFile.css").
   3. Click Ok to confirm.
      
      
      Settings Dialogue - CSS File Property

Syntax of a CSS stylesheet

The syntax of the CSS is quite simple as you see in this style definition that set the size of the Invoice title text element to 14 points and without bold.

/* this two lines are comment 
   title_text is for the invoice number */
.title_text {
  font-family: Arial;
  font-size: 14;
  font-weight: normal;
  color: #6495ED;
}

Syntax rules:

• Element are case sensitive.
• You specify the style name ".title_text" starting with a dot (".") and followed by the  curly open bracket "{".
  • Property name, followed by the colon ":"
  • Values followed by the semicolon ";"
  • You can have has many allowed properties you need.
• End with the curly close bracket "}".
• You can have has many allowed style classes.
• The defined values overwrite the predefined one.

Comments:

• Add comments to the css by including the text within a /*    comment */,
  It help you remember the purpose of the code.
  See the comments in the predefined CSS for explanations of the elements.

Most used properties

Font

• font-family
  Specify the font name.
• font-size
  Specify the font size in points.
• font-weight
  Specify the font weight: normal, bold or value between 1-1000.

Text alignment

• text-align
  Specify the horizontal alignment of the text.
  It is used for example to align on the right of the cell all the amounts of the invoice (i.e. "text-align: right").

Colors

For the main colors you can use the name in English (black, yellow, white, blue, red, ...) or the hexadecimal values (HEX) preceded by the # sign (e.g. #000000, #009FE3, #FF00EA).
For codes see the table at https://www.w3schools.com/cssref/css_colors.asp.

• color
  Define the color of a text.
• background-color
  Define the background color of an element.
  It is used for example to set the background color of the header row of the invoice details.

Positioning

All elements in the invoice are positioned relative to the prior element. You can change the positioning.

• margin
  • margin-top
    To set the margin on the top of the element.
  • margin-right
    To set the margin on the right side of the element.
  • margin-bottom
    To set the margin on the bottom of the element.
  • margin-left
    To set the margin on the left side of the element.
    It is used for example in case it is required to move an element a bit to the right. More margin on the left means move the element to the right.
• padding
  • padding-top
    Sets the height of the area on the top of an element.
  • padding-right
    Sets the width of the area on the right of an element.
  • padding-bottom
    Sets the height of the area on the bottom of an element.
  • padding-left
    Sets the width of the area on the left of an element.

/* For example it is used for the details table, to avoid that
all the texts are printed too close to the table border. */
.doc_table td {
  padding-top: 5px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
}

Absolute positioning

Some elements are positioned relative to the begin of the document. The position of these elements does not depend on any other element in the document.

• postion
  • For the logo, header text and address elements it is used the absolute positioning ("position: absolute").

Borders

To apply borders to tables and table rows.

• border-style
  Sets the line style for all four sides of an element's border.
  • border-top-style
  • border-right-style
  • border-bottom-style
  • border-left-style
• border-color
  Sets the color for all four sides of an element's border.
  • border-top-color
  • border-right-color
  • border-bottom-color
  • border-left-color
• border-width
  Sets the width for all four sides of an element's border.
  • border-top-width
  • border-right-width
  • border-bottom-width
  • border-left-width

/* For example use it to apply a double underline
 to the total line of the invoice. */
  .total_cell {
  border-bottom-style: double;
  border-bottom-color: #337ab7;
  border-bottom-width: 1px;
}

Display / Hide element

Set the attribute display to none to hide an element.  In this case the Invoice number is hidden.

.title_text {
   display: none;
}

Predefined Invoice CSS stylesheet

The JavaScript layout generates an invoice document where each element is assigned a specific CSS class. These classes control the position, spacing, and formatting of the elements according to the stylesheet rules.

If you need to introduce additional style classes, you must also update the JavaScript code to reference them, typically by using the available hook functions.

The following section shows the complete CSS stylesheet used for invoice documents. This stylesheet defines how each part of the invoice is displayed (e.g., headers, addresses, tables, totals, footers).

• Some style properties use predefined variables (values starting with $).
  For example, $font_family is replaced with the font name selected by the user, while other variables are initialized through the JavaScript variable initialization function.
• Comments inside the CSS are written between /* ... */.
  They describe the purpose of each selector and when it should be applied.

Full CSS Code

/* @page
   PURPOSE: Defines the physical page margins for printing.
   EFFECT: All elements are positioned relative to these margins.
   WHEN TO USE: When the user wants to change the page’s margin sizes. */
@page {
  margin-top: 0cm;
  margin-bottom: 0cm;
  margin-left: 0cm;
  margin-right: 0cm;
}

/* body
   PURPOSE: Base style for the whole document.
   EFFECT: Sets default font family, size, and text color for all content.
   WHEN TO USE: When the user wants to change the default font, size, or text color for the whole document. */
body {
  font-family: $font_family;
  font-size: $font_size;
  color: $text_color;
}

/* td
   PURPOSE: Aligns table cell content vertically to the top.
   WHEN TO USE: When the user wants all table cells aligned to the top vertically. */
td {
  vertical-align: top;
}

/* .right
   PURPOSE: Aligns text to the right.
   USAGE: Often combined with other classes for layout control.
   WHEN TO USE: When the user requests right-aligned text. */
.right {
  text-align: right;
}

/* .center
   PURPOSE: Centers text horizontally.
   USAGE: Often combined with other classes for layout control.
   WHEN TO USE: When the user requests centered text. */
.center {
  text-align: center;
}

/* .bold
   PURPOSE: Makes text bold.
   USAGE: Often combined with other classes for layout control.
   WHEN TO USE: When the user wants bold text. */
.bold {
  font-weight: bold;
}

/* .padding-right
   PURPOSE: Adds space inside the element on the right side.
   EFFECT: 20px right padding.
   WHEN TO USE: When the user wants extra padding on the right. */
.padding-right {
  padding-right: 20px;
}

/* .padding-left
   PURPOSE: Adds space inside the element on the left side.
   EFFECT: 20px left padding.
   WHEN TO USE: When the user wants extra padding on the left. */
.padding-left {
  padding-left: 20px;
}

/* .border-top
   PURPOSE: Adds a top border to an element.
   TYPICAL USE: Horizontal separator (e.g., between item list and totals).
   EFFECT: Solid, thin border in $color_title_total.
   WHEN TO USE: When the user requests a horizontal line above an element. */
.border-top {
  border-top-style: solid;
  border-top-color: $color_title_total;
  border-top-width: thin;
}

/* .header_text
   PURPOSE: Styles the header text block alignment and position.
   EFFECT: Sets margins, text alignment, and absolute positioning.
   NOTE: Used when no logo is present, or with right-aligned text layouts.
   WHEN TO USE: When the user wants to change or reposition the main header text. */
.header_text {
  margin-top: 1.2cm;
  margin-left: 1.2cm;
  margin-right: 1.2cm;
  text-align: right;
  position: absolute;
}

/* .header_row_1
   PURPOSE: Styles the first header row.
   EFFECT: Bold text, 16pt font size.
   WHEN TO USE: When the user wants to style the first line of header text (font weight, font size, font color, etc.). */
.header_row_1 {
  font-weight: bold;
  font-size: 16pt;
}

/* .header_row_2_to_5
   PURPOSE: Styles header rows 2–5.
   EFFECT: Bold text, 10pt font size.
   WHEN TO USE: When the user wants to style the lines 2,3,4 and 5 of header text (font weight, font size, font color, etc.). */
.header_row_2_to_5 {
  font-weight: bold;
  font-size: 10pt;
}

/* .logo
   PURPOSE: Positions the logo in the header.
   EFFECT: Sets margins and absolute positioning.
   WHEN TO USE: When the user wants to move or resize the logo position. */
.logo {
  margin-top: 1.2cm;
  margin-left: 1.34cm;
  margin-right: 1.2cm;
  position: absolute;
}

/* .info_table_left
   PURPOSE: Positions and styles the information table on the left side, when the customer address block is positioned on the right side.
   EFFECT: Sets font size and margins.
   WHEN TO USE: When the user wants to style/move the left-side info table. */
.info_table_left {
  font-size: $font_size;
  margin-top: 4.5cm;
  margin-left: 1.2cm;
  margin-right: 1.2cm;
}

/* .info_table_right
   PURPOSE: Positions and styles the information table on the right side, when the customer address block is positioned on the left side.
   EFFECT: Sets font size and margins.
   WHEN TO USE: When the user wants to style/move the right-side info table. */
.info_table_right {
  font-size: $font_size;
  margin-top: 5.5cm;
  margin-left: 12.3cm;
  margin-right: 1.2cm;
}

/* .info_table_row0
   PURPOSE: Positions and styles the information table for page 2 and later.
   EFFECT: Sets font size and margins.
   WHEN TO USE: When the user wants to change the info table style for second and later pages. */
.info_table_row0 {
  font-size: $font_size;
  margin-top: 4.5cm;
  margin-left: 1.2cm;
  margin-right: 1.2cm;
}

/* table.info_table_left td
   PURPOSE: Removes extra vertical padding in cells of left-side info tables.
   WHEN TO USE: When the user wants to change spacing in left-side info table cells. */
table.info_table_left td {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* table.info_table_right td
   PURPOSE: Removes extra vertical padding in cells of right-side info tables.
   WHEN TO USE: When the user wants to change spacing in right-side info table cells. */
table.info_table_right td {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* table.info_table_row0 td
   PURPOSE: Removes extra vertical padding in cells for page 2+ info tables.
   WHEN TO USE: When the user wants to change spacing in page 2+ info table cells. */
table.info_table_row0 td {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* @page:first-view table.info_table_row0
   PURPOSE: Hides the page 2+ info table on the first page only.
   NOTE: :first-view is a custom pseudo-class used to target the first rendering of an element.
   WHEN TO USE: When the user wants to hide elements on the first page only. */
@page:first-view table.info_table_row0 {
  display: none;
}

/* .info_table_first_column
   PURPOSE: Optional override for the width of the first info-table column.
   DEFAULT: If unset, the column uses the default width.
   EXAMPLE: width: 100px;
   WHEN TO USE: When the user wants to set a specific width for the first column. */
.info_table_first_column {}

/* .info_table_second_column
   PURPOSE: Optional override for the width of the second info-table column.
   DEFAULT: If unset, the column uses the default width.
   EXAMPLE: width: 100px;
   WHEN TO USE: When the user wants to set a specific width for the second column. */
.info_table_second_column {}

/* .address_table_right
   PURPOSE: Positions the customer address block on the right side.
   EFFECT: Sets font size, absolute position, and width.
   WHEN TO USE: When the user wants to style or reposition the right-side address block. */
.address_table_right {
  font-size: $font_size;
  top: 4.5cm;
  left: 12.3cm;
  width: 7.5cm;
  position: absolute;
}

/* .address_table_left
   PURPOSE: Positions the customer address block on the left side.
   EFFECT: Sets absolute position and width.
   WHEN TO USE: When the user wants to style or reposition the left-side address block. */
.address_table_left {
  top: 5.5cm;
  left: 2.2cm;
  width: 7.5cm;
  position: absolute;
}

/* .custom_address_table_right
   PURPOSE: Positions the right-side address using configurable margins.
   SOURCE: $right_address_margin_top / $right_address_margin_left come from invoice settings.
   WHEN TO USE: When the user wants to move the right address block using specific measurements. */
.custom_address_table_right {
  font-size: $font_size;
  top: $right_address_margin_top;
  left: $right_address_margin_left;
  width: 7.5cm;
  position: absolute;
}

/* .custom_address_table_left
   PURPOSE: Positions the left-side address using configurable margins.
   SOURCE: $left_address_margin_top / $left_address_margin_left come from invoice settings.
   WHEN TO USE: When the user wants to move the left address block using specific measurements. */
.custom_address_table_left {
  top: $left_address_margin_top;
  left: $left_address_margin_left;
  width: 7.5cm;
  position: absolute;
}

/* .small_address
   PURPOSE: Styles the sender's small address line above the customer address.
   EFFECT: 7pt font, centered text, bottom underline, 0.3cm bottom margin.
   WHEN TO USE: When the user wants to style the small sender address above the customer’s. */
.small_address {
  font-size: 7pt;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-color: $text_color;
  border-bottom-width: 1px;
  margin-bottom: 0.3cm;
}

/* .shipping_address
   PURPOSE: Styles the shipping address block.
   EFFECT: Sets font size and top/side margins.
   WHEN TO USE: When the user wants to style the shipping address section. */
.shipping_address {
  font-size: $font_size;
  margin-top: 0.4cm;
  margin-left: 1.2cm;
  margin-right: 1.2cm;
}

/* .title_shipping_address
   PURPOSE: Styles the "Shipping Address" title.
   EFFECT: Bold text, $color_title_total color.
   WHEN TO USE: When the user wants to style the shipping address title text. */
.title_shipping_address {
  font-weight: bold;
  color: $color_title_total;
}

/* .title_text
   PURPOSE: Styles the invoice title.
   EFFECT: Bold text, $font_size_title size, $color_title_total color.
   WHEN TO USE: When the user wants to style the invoice title text. */
.title_text {
  font-size: $font_size_title;
  font-weight: bold;
  color: $color_title_total;
}

/* .section_class_begin
   PURPOSE: Container for the introductory (begin) text after the invoice title.
   EFFECT: Full width with top/side margins.
   WHEN TO USE: When the user wants to change the position or spacing of the intro text section. */
.section_class_begin {
  margin-top: 1.0cm;
  margin-left: 1.2cm;
  margin-right: 1.2cm;
  width: 100%;
}

/* .begin_text_table
   PURPOSE: Table container for the "begin" text.
   EFFECT: Full width.
   WHEN TO USE: When the user wants to style the table of the begin text. */
.begin_text_table {
  width: 100%;
}

/* .begin_text
   PURPOSE: Styles the "begin" text.
   EFFECT: Sets font size.
   WHEN TO USE: When the user wants to change the style of the introductory text. */
.begin_text {
  font-size: $font_size;
}

/* .section_class_details:first-view
   PURPOSE: Applies a specific top margin to the details section on first render only.
   NOTE: :first-view targets the first time the section is displayed.
   WHEN TO USE: When the user wants to change the details section margin only on the first page. */
.section_class_details:first-view {
  margin-top: 0.5cm;
}

/* .section_class_details
   PURPOSE: Styles the invoice details section on all pages.
   EFFECT: Sets font size and outer margins.
   WHEN TO USE: When the user wants to style or adjust margins for the details section. */
.section_class_details {
  font-size: $font_size;
  margin-top: 0.5cm;
  margin-bottom: 0.5cm;
  margin-left: 1.3cm;
  margin-right: 1.2cm;
}

/* .doc_table
   PURPOSE: Table for invoice details.
   EFFECT: Full width.
   WHEN TO USE: When the user wants to style the details table. */
.doc_table {
  width: 100%;
}

/* .doc_table_header
   PURPOSE: Styles the header row of the invoice details table.
   EFFECT: Bold, $font_size_header, custom text/background colors, bottom border.
   WHEN TO USE: When the user wants to style the column headers of the details table. */
.doc_table_header {
  font-size: $font_size_header;
  font-weight: bold;
  color: $text_color_details_header;
  background-color: $background_color_details_header;
  border-bottom: thin solid $color_title_total;
}

/* .doc_table td
   PURPOSE: Sets cell padding for invoice details rows.
   WHEN TO USE: When the user wants to adjust padding inside detail table cells. */
.doc_table td {
  padding-top: 5px;
  padding-bottom: 1px;
  padding-left: 0px;
  padding-right: 0px;
}

/* .doc_table_header td
   PURPOSE: Sets cell padding for the invoice header row.
   WHEN TO USE: When the user wants to adjust header cell padding in the details table. */
.doc_table_header td {
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;
}

/* .item_cell
   PURPOSE: Define the text style for each invoice item row.
   USAGE: Apply to cells/rows containing individual items.
   NOTE: Empty by default, add font/spacing/color rules as needed.
   WHEN TO USE: When the user wants to style the text of each line item in the details table. */
.item_cell {}

/* .total_cell
   PURPOSE: Styles the total row.
   EFFECT: Bold, $font_size_total, $color_title_total color, double bottom border.
   WHEN TO USE: When the user wants to style the row containing the total amount. */
.total_cell {
  font-size: $font_size_total;
  font-weight: bold;
  color: $color_title_total;
  border-bottom-style: double;
  border-bottom-color: $color_title_total;
  border-bottom-width: 1px;
}

/* .subtotal_cell
   PURPOSE: Styles the subtotal row.
   EFFECT: Bold text, single bottom border in $color_title_total.
   WHEN TO USE: When the user wants to style the subtotal row in the details table. */
.subtotal_cell {
  font-weight: bold;
  border-bottom-style: solid;
  border-bottom-color: $color_title_total;
  border-bottom-width: thin;
}

/* .header_cell
   PURPOSE: Styles any header cell in the invoice details.
   EFFECT: Bold text.
   WHEN TO USE: When the user wants to make any header cell bold in the details section. */
.header_cell {
  font-weight: bold;
}

/* .vat_info
   PURPOSE: Styles VAT-related text.
   EFFECT: Sets font size (used for gross amount layouts).
   WHEN TO USE: When the user wants to style VAT information text. */
.vat_info {
  font-size: $font_size;
}

/* .even_rows_background_color
   PURPOSE: Sets background color for even-numbered rows (striped tables).
   WHEN TO USE: When the user wants alternating row background colors in tables. */
.even_rows_background_color {
  background-color: $background_color_alternate_lines;
}

/* .section_class_final_texts
   PURPOSE: Styles the final notes/greetings section after the details.
   EFFECT: Sets top/side/bottom margins.
   WHEN TO USE: When the user wants to style or adjust spacing for final texts or notes. */
.section_class_final_texts {
  margin-top: 0cm;
  margin-bottom: 0.5cm;
  margin-left: 1.26cm;
  margin-right: 1.0cm;
}

/* .footer_line
   PURPOSE: Horizontal line above the footer section (separator).
   EFFECT: Top border, side margins.
   WHEN TO USE: When the user wants to add or style a separator line above the footer. */
.footer_line {
  margin-left: 1.2cm;
  margin-right: 1.0cm;
  border-top-style: solid;
  border-top-color: $color_title_total;
  border-top-width: thin;
}

/* .footer_table
   PURPOSE: Styles the footer table.
   EFFECT: 8pt font, bottom margin, full width, side margins.
   WHEN TO USE: When the user wants to style the footer section or adjust its spacing. */
.footer_table {
  font-size: 8pt;
  margin-bottom: 2.0cm;
  margin-left: 1.2cm;
  margin-right: 1.0cm;
  width: 100%;
}

CSS Class Reference

Fehlermeldungen

@error QR-IBAN fehlt

• Der QR-IBAN-Code muss in den Rechnungseinstellungen unter QR-IBAN angegeben werden.
• Überprüfen Sie, dass der QR-IBAN-Code nicht in den Basisdaten eingegeben wurde Datei > Eigenschaften (Stammdaten) > Adresse.

@error Falscher QR-IBAN

Überprüfen, ob der in den Rechnungseinstellungen eingegebene QR-IBAN-Code korrekt ist. Bitte lesen Sie auch den Absatz QR-IBAN-Konto unserer Webseite QR-Rechnung mit QR-IBAN.

@error IBAN fehlt

• Der IBAN-Code für Konten in CHF kann auf zwei Arten angegeben werden
  • In den Basisdaten Datei > Eigenschaften (Stammdaten) > Adresse.
  • In den Rechnungseinstellungen, unter IBAN.
• Der IBAN-Code für ein Konto in EUR muss in den Rechnungseinstellungen, unter IBAN EUR eingegeben werden.

@error Falscher IBAN

• Überprüfen Sie, dass der IBAN-Code in den Basisdaten Datei > Eigenschaften (Stammdaten) > Adresse oder in den Rechnungseinstellungen korrekt ist.
• Überprüfen Sie, dass in den Basisdaten Datei > Eigenschaften (Stammdaten) > Adresse > nicht der QR-IBAN-Code eingegeben wurde. Der QR-IBAN-Code muss in den Rechnungseinstellungen eingegeben werden. 

@error Adresse: Name/Firma fehlt

Vor- und Nachnamen oder Firmennamen des Absenders unter Datei > Eigenschaften (Stammdaten) > Adresse-Registerkarte erfassen, und die entsprechenden Kundendaten in der Konten-Tabelle > Adresse-Ansicht.

@error Adresse: PLZ fehlt

Postleitzahl (PLZ) des Absenders aus unter Datei > Eigenschaften (Stammdaten) > Adresse-Registerkarte erfassen, und die entsprechenden Kundendaten in der Konten-Tabelle > Adresse-Ansicht.

@error Adresse: Ort fehlt

Ort des Absenders unter Datei > Eigenschaften (Stammdaten) > Adresse-Registerkarte erfassen, und denjenigen des Kunden in der Konten-Tabelle > Adresse-Ansicht.

@error Adresse: Ländercode fehlt

Absenderadresse (Zahlbar an):

• Den Ländercode des Absenders über das Menü Datei > Eigenschaften (Stammdaten) > Registerkarte 'Adresse', im Feld "Nation/Code" festlegen.
• Oder, falls die im CH10-Rechnungslayout (personalisierter Rechnungsausdruck) definierte Adresse verwendet wird, den Ländercode des Absenders im CH10-Einstellungsdialog > Abschnitt "Zahlbar an..." eintragen.

Kundenadresse (Zahlbar von):

• In der integrierten Fakturierung/Rechnungsstellung: Den Ländercode des Kunden in der Tabelle 'Konten' > Ansicht 'Adresse '> Spalte 'Nation/Code' eintragen.
• In der separaten App 'Offerten und Rechnungen': Den Ländercode des Kunden in der Tabelle 'Kontakte' > Spalte 'Nation Kennzeichen' angeben.

@error Adresse: Falscher Ländercode

Der Ländercode muss nach Standard ISO 3166-1 aus zwei Zeichen bestehen (z.B. CH, LI, AT, DE, IT, FR).

@error isrId too long, max 8 chars. Your isrId %1

Die in den Rechnungseinstellungen eingegebene Teilnehmernummer ist zu lang. Die maximal zulässige Länge beträgt 8 Ziffern. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error isrId invalid, only digits are permitted. Your isrId %1

Die in den Rechnungseinstellungen eingegebene Teilnehmernummer ist ungültig. Sie darf nur aus Zahlen bestehen. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error customerNo too long, max 7 digits. Your customerNo %1

Die Kundennummer ist zu lang. Die maximal zulässige Länge beträgt 7 Ziffern. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error customerNo invalid, only digits are permitted. Your customerNo %1

Die Kundennummer ist ungültig. Sie darf nur aus Zahlen bestehen. Sie darf keine ASCII (A-Z)-Buchstaben, Leerzeichen, Trennzeichen oder andere Zeichen enthalten. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error invoiceNo too long, max 7 digits. Your invoiceNo %1

Die Rechnungsnummer ist zu lang. Die maximal zulässige Länge beträgt 7 Ziffern. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error invoiceNo invalid, only digits are permitted. Your invoiceNo %1

Die Rechnungsnummer ist ungültig. Sie darf nur aus Zahlen bestehen. Sie darf keine ASCII (A-Z)-Buchstaben, Leerzeichen, Trennzeichen oder andere Zeichen enthalten. Für weitere Informationen lesen Sie bitte QR-Referenz (QRR).

@error Name zu lang, max. 70 Zeichen

Der Name ist zu lang. Die maximal zulässige Länge beträgt 70 Zeichen. Für weitere Informationen Technische Informationen.

@error Adresse zu lang, max. 70 Zeichen

Die Adresse ist zu lang. Die maximal zulässige Länge beträgt 70 Zeichen. Für weitere Informationen Technische Informationen.

@error Hausnummer zu lang, max. 16 Zeichen

Die Hausnummer ist zu lang. Die maximal zulässige Länge beträgt 16 Zeichen. Für weitere Informationen Technische Informationen.

@error Postleitzahl zu lang, max. 16 Zeichen

Die Postleitzahl ist zu lang. Die maximal zulässige Länge beträgt 16 Zeichen. Für weitere Informationen Technische Informationen.

@error Ort zu lang, max. 35 Zeichen

Der Ortstext ist zu lang. Die maximal zulässige Länge beträgt 35 Zeichen. Für weitere Informationen Technische Informationen.

@error Postleitzahl+Ort zu lang, max. 70 Zeichen

Der Text der Postleitzahl und des Ortes ist zu lang. Die maximal zulässige Länge beträgt 70 Zeichen. Für weitere Informationen Technische Informationen.

Diese Webseite zeigt Beispiele von möglichen Ausdrucken von QR-Rechnungen.

• Laden Sie die für die Beispiele verwendete Tutorial-Datei herunter.

Rechnung mit Standardeinstellungen

• Benutzen Sie die Standardeinstellungen des Dialogfensters der Rechnung
• Erfassen Sie in den Dateieigenschaften (Datei > Eigenschaften (Stammdaten) > Adressen) oder in den Einstellungen der Rechnung eine IBAN-Kontonummer.

Beispiel eines Rechnungsausdrucks:

Rechnung mit Logo

Über den Menübefehl Datei > Logo einrichten:

• Definieren Sie das Logo, seine Grösse und die Ausrichtung
• Legen Sie die Ausrichtung des Textes der Rechnungsüberschrift fest
  Definieren Sie den Kopftext im Menü Datei > Eigenschaften ( Stammdaten) > Adresse oder mithilfe der Felder im Dialogfenster Einstellungen der Rechnung

Beispiel eines Rechnungsdrucks mit dem Logo auf der linken Seite und dem Text auf der rechten Seite:

Beispiel eines Rechnungsdrucks mit dem Logo auf der rechten Seite und dem Text auf der linken Seite:

Rechnung mit Logo im Briefpapier-Stil (A4-Format)

Dieses Beispiel erklärt, wie ein ganzseitiges Logo (im Stil eines Briefpapiers) eingerichtet wird. Dabei wird ein Bild mit einem Logo im oberen Bereich und einer Fusszeile im unteren Bereich verwendet. Ziel ist es, eine Rechnung mit folgendem Layout zu drucken:

• Auf den Seiten mit den Rechnungsdetails werden sowohl das Logo als auch die Fusszeile angezeigt.
• Auf der letzten Seite mit dem QR-Einzahlungsschein wird nur das Logo ohne Fusszeile angezeigt.

Dies ist besonders nützlich, wenn eine QR-Rechnung mit Fusszeile gedruckt werden soll, da die Fusszeile normalerweise nur eingefügt werden kann, wenn der QR-Einzahlungsschein nicht mitgedruckt wird.

So funktioniert es:

• Erstellen Sie ein A4-Bild der Briefpapier-Vorlage mit dem Logo im oberen Bereich und der Fusszeile im unteren Bereich.
  
  Beispiel:
  
  
   
• Fügen Sie das als Logo erstellte Bild ein, indem Sie im Menü Datei > Logo einrichten wählen.
  • Definieren Sie die Grösse: Breite 21cm und Höhe 29.7cm (wenn die Bildabmessungen bereits korrekt sind, können diese beiden Einstellungen weggelassen werden).
  • Definieren Sie die Ausrichtung auf der linken Seite.
  • Die Position und Ausrichtung des Textes sind irrelevant, da kein Text in der Kopfzeile gedruckt wird.
• Verwenden Sie erweiterte Anpassungen mit CSS, um die Ränder des Logos zu ändern.
  In der Tabelle Dokumente fügen Sie in einer neuen Zeile das CSS als Anhang hinzu.
  • In der Spalte ID geben Sie eine ID ein (z.B. logo.css). Diese muss mit ".css" enden.
  • In der Spalte Anhänge klicken Sie zweimal auf die Zelle und wählen Sie CSS-Stilblatt aus.
  • Im geöffneten Editor fügen Sie den folgenden Code ein:

  • .logo {
      margin-top: 0cm;
      margin-left: 0cm;
      margin-right: 0cm;
    }

• Stellen Sie einige Parameter im Dialogfenster 'Rechnungseinstellungen' ein:
  • In der Sektion Drucken > Kopfzeile deaktivieren Sie das Kontrollkästchen Kopfzeile der Seite.
  • In der Sektion Drucken > Kopfzeile aktivieren Sie das Kontrollkästchen Logo.
  • In der Sektion Drucken > Kopfzeile, im Feld Anpassung für die Ausrichtung von Logo und Kopfzeile, geben Sie den Namen der Personalisierung ein, die Sie in Datei > Logo einrichten > Anpassung > Name definiert haben (Standardmässig "Logo").
  • In der Sektion QR-Code aktivieren Sie das Kontrollkästchen QR auf separater Seite.
  • In der Sektion Javascript / CSS, im Feld CSS-Dateiname, geben Sie die ID des CSS-Anhangs ein, den Sie in der Dokumenttabelle definiert haben (z.B. logo.css).

Beispiel einer QR-Rechnung: Auf der ersten Seite wird das Logo und die Fusszeile angezeigt, auf der zweiten Seite das Logo und der QR-Einzahlungsschein.

  

Rechnung ohne Logo und Adresse Kopfzeile links

Gehen Sie auf Datei > Logo einrichten:

•  Fügen Sie kein Logo hinzu
• Was die Position des Textes betrifft, richten Sie folgendes ein:
  • Auf Logo bezogene Position: linke Seite
  • Horizontale Ausrichtung: Links
• Gehen Sie in die Sektion Anpassung und geben Sie im Feld Name einen Namen für die Anpassung ein (z.B. "Logo").

Gehen Sie nun in das Dialogfenster Rechnungseinstellungen, Registerkarte Drucken > Kopfzeile:

• Zeigen Sie das Feld Seitenkopf an
• Zeigen Sie das Feld Logo an ( obwohl kein Logobild geladen wird).
• In das Feld Logo-Name geben Sie den Namen der Anpassung ein, den Sie zuvor im Dialog Logo einrichten > Anpassung > Name definiert haben (z. B. "Logo").

Beispiel eines Ausdruckes:

Rechnung mit Kundenadresse auf der linken Seite

Über das Dialogfenster Rechnungseinstellungen, Registerkarte Kundenadresse:

• Definieren Sie die Zusammensetzung der Adresse, indem Sie die XML-Namen der Spalten für die Adressen in der Tabelle Konten angeben.
• Wählen Sie das Feld Links ausrichten, um die Adresse auf der linken Seite und den Informationsteil auf der rechten Seite zu drucken.
  
  

Beispiel eines Ausdruckes:

Rechnung mit Überschriften und Zwischensummen im Detail

In einigen Fällen kann es sinnvoll sein, in den Rechnungsdetails Überschriften und Zwischensummen hinzuzufügen.

Integrierte Fakturierung

Definieren Sie in der Tabelle Buchungen Kopfzeilen und Zwischensummen mithilfe der Spalte Typ:

• Kopfzeilen: Geben Sie den Befehl 10:hdr und den Text in der Spalte Beschreibung ein
• Zeilen der Zwischensummen: Geben Sie den Befehl 10:tot und den Text in der Spalte Beschreibung ein
  
  

Applikation Offerten und Rechnungen 

Die Spalte "Typ" im Dialog zum Bearbeiten der Rechnung erlaubt es, einer Rechnungszeile eine spezielle Funktion zuzuweisen (zum Beispiel Kopfzeile, Notizen, Zwischensummen).
 

Beispiel einer mehrseitigen Rechnung:
  

Informationen zum Einfügen der Absenderadresse für Briefumschläge mit Fenster finden Sie im Abschnitt Kundenadresse auf der Seite Anpassungen des Rechnungsdrucks.

Rechnung mit Lieferadresse und den Spalten Beschreibung und Betrag

Über den Einstellungendialog der Rechnung:

• Im Abschnitt Kundenadresse die Option Lieferadresse aktivieren.
• Im Abschnitt Rechnungsdetails definieren Sie:
  • Die zu verwendenden Spaltennamen, indem die XML-Namen der Spalten der Tabelle Buchungen angegeben wird.
  • Die Breite jeder Spalte.
  • Die Ausrichtung der Titel und Texte der Spalten.
• Im Abschnitt Texte definieren Sie für jede Spalte die Texte der Überschriften.
  Fügen Sie nun noch für jede Sprache, die Sie verwenden möchten, die Übersetzung hinzu.
  
  

Beispiel eines Rechnungsausdrucks mit anderen Stil-Eigenschaften (z.B. Schriftart oder Farben)

Spalten der Tabelle Buchungen benutzen

Voraussetzungen:

• Abonnement für den Advanced-Plan von Banana Buchhaltung Plus.

Zusätzlich zu den Standardspalten (Beschreibung, Menge, Stückzahl, Stückpreis und Betrag) können Sie im Rechnungsausdruck weitere Spalten der Tabelle Buchungen hinzufügen, auch solche, die in der Tabelle manuell hinzugefügt wurden.

In einigen Fällen kann es sinnvoll sein, eine eigene (nicht im Programm vordefinierte) Spalte in die Rechnungsdetails aufzunehmen z.B. eine Spalte, in der das Ausführungsdatum eines Auftrages angegeben wird:

Erstellung einer Spalte:

• In der Tabelle Buchungen mit dem Befehl Spalten einrichten eine Spalte hinzufügen.
• Erstellen Sie die Spalte DateWork mit Datentyp Datum.
  Der XML-Name jeder Spalte vom Typ Datum muss mit dem Wort "Date" beginnen (z. B. DateWork, DateExecution, DateXXX).
  Für den Rechnungsausdruck übernimmt das Programm das Format des Datums, welches in den Einstellungen des Betriebssystems definiert ist. 
  
  
   
• Erfassen Sie Ihre Buchungen für die Erstellung der Rechnung und erfassen Sie in dieser Spalte das Datum, an welchem die Arbeit ausgeführt wurde.

Mittels Einstellungendialog der Rechnung:

• Definieren Sie im Abschnitt Rechnungsdetails:
  • Die zu verwendenden Spaltennamen, indem Sie die XML-Namen der Spalten der Tabelle Buchungen angeben.
    Fügen Sie die auf diese Weise erstellte Spalte ein: T.DateWork (den eigenen Spalten muss ein "T." vorangestellt werden).
  • Fügen Sie die Breite der hinzugefügten Spalte hinzu und passen Sie die vorhandenen Spalten an.
  • Fügen Sie die Ausrichtung der Überschriften und Texte der Spalten der hinzugefügten Spalte hinzu und passen Sie die vorhandenen Spalten an.
• Im Abschnitt Texte definieren Sie die Texte für die Überschrift aller Spalten.
  • Fügen Sie den Text der hinzugefügten Spalte hinzu und passen Sie falls notwendig die vorhandenen an.
  • Fügen Sie für jede Sprache, die Sie verwenden möchten, die Übersetzung hinzu.
    
    

Mit personalisierten erweiterten Anpassungen in JavaScript können Sie eine Funktion hinzufügen, die das Format ändert, in dem das Datum gedruckt wird. Weitere Informationen finden Sie auf Seite Use another date format.

Beispiel eines Rechnungsdrucks:

Rechnung mit Anfangs- und Schlusstext, Bemerkungen und Gruss

In der Tabelle Buchungen definieren Sie mittels Typ-Spalte Anfangstexte, Bemerkungen und Grüsse:

• Anfangstext: Geben Sie in der Spalte Typ den Code 10:beg ein und erfassen Sie den gewünschten Text in der Spalte Beschreibung.
• Bemerkungen: Geben Sie in der Spalte Typ den Code 10:not ein und erfassen Sie den gewünschten Text in der Spalte Beschreibung.
• Grussformel-Text: Geben Sie in der Spalte Typ den Code 10:gre ein und erfassen Sie den gewünschten Text in der Spalte Beschreibung.
• Zwischen doppelten Sternchen (**) eingefügter Text wird fett dargestellt.
  
  

Mittels Einstellungendialog der Rechnung:

• Definieren Sie im Abschnitt Texte den Text am Ende, welcher unmittelbar nach den Rechnungsdetails eingefügt wird.
  Zwischen doppelten Sternchen (**) eingefügter Text wird fett dargestellt.
  
  

Beispiel eines Rechnungsdrucks:

Rechnung ohne Betrag

Die Rechnung ohne Betrag wird verwendet, wenn Sie dem Kunden die Wahl des zu zahlenden Betrags überlassen möchten (z.B. bei Spenden).

Im QR-Zahlteil des Ausdrucks wird ein leeres Kästchen für den noch einzusetzenden Betrag belassen. Der Betrag ist handschriftlich einzufügen.

Geben Sie in der Buchungen-Tabelle die Buchung der Spende ohne Betrag ein.

Über den Einstellungen-Dialog der Rechnung, Absatz QR-Code ist die Option Rechnungsbetrag ausschliessen zu aktivieren.

Beispiel eines Rechnungsdrucks:

Rechnung mit Beschreibungen auf mehreren Zeilen (integrierte Fakturierung)

Mit der integrierten Fakturierung/Rechnungsstellung können Rechnungen mit mehreren aufeinanderfolgenden Textzeilen für Beschreibungen erstellt werden.

Vorgehensweise:

• Öffnen Sie den Menübefehl Daten > Spalten einrichten und fügen Sie eine oder mehrere zusätzliche Beschreibungsspalten in der Buchungen-Tabelle hinzu.
  Erstellen Sie Spalten vom Typ Text mit dem Namen Description gefolgt von einer Zahl (z.B. "Description1", "Description2", ...).
  Der XML-Name jeder Spalte muss mit der englischen Bezeichnung "Description" beginnen und von einer Zahl gefolgt werden (z.B. Description1, Description2, …).

• Geben Sie in den neu angelegten Spalten zusätzliche Beschreibungstexte für die Rechnungen ein.
  Der Text jeder Spalte wird in einer neuen Zeile der Rechnungsbeschreibung angezeigt.
  
  

• Aktivieren Sie im Einstellungsdialog unter 'Druckeinstellungen der Rechnung' > Abschnitt Drucken > Rechnungsdetails einschliessen die Option Zusätzliche Beschreibungen drucken.

Wenn in der Buchungen-Tabelle zusätzliche Beschreibungsspalten vorhanden sind und Texte enthalten, werden diese auf dem Rechnungsausdruck angezeigt.

Beispiel eines Rechnungsdrucks:

Rechnung mit Beschreibungen auf mehreren Zeilen (Offerten und Rechnungen)

Mit der separaten Applikation Offerten und Rechnungen können Rechnungen mit mehreren aufeinanderfolgenden Textzeilen für Beschreibungen erstellt werden.

So vorgehen:

• Im Dialog zur Erstellung/Bearbeitung einer Rechnung, in der Sektion Rechnungsdetails, Spalte Beschreibung:
  • Die gewünschten Beschreibungstexte eingeben.
  • Zeilenumbrüche setzen und beliebig viele Zeilen hinzufügen.
  • Leere Zeilen einfügen, falls gewünscht.
  • Text fett hervorheben, indem er zwischen doppelte Sternchen gesetzt wird (z.B. **fett formatierter Text**).
  • Den Betrag entweder in derselben Zeile wie die mehrzeilige Beschreibung oder in einer neuen Zeile einfügen (siehe Abbildung).
    
    

Beim Drucken der Rechnung werden die Beschreibungen auf mehreren Zeilen angezeigt – genauso wie im Dialog.

Beispiel eines Rechnungsdrucks:

Rechnung mit Spalte Artikelrabatt

Dieses Beispiel für die Fakturierung mit der Anwendung Offerten und Rechnungen zeigt, wie Sie die Spalte Artikelrabatt in den Rechnungsdetails hinzufügen.

Voraussetzungen:

• Abonnement für den Advanced-Plan von Banana Buchhaltung Plus.
• Beta Release-Version der Anwendung Offerten und Rechnungen

Dabei sind folgende Schritte zu beachten:

• Erstellen Sie Rechnungen, indem Sie die Spalte Rabatt benutzen. Geben Sie einen Prozentsatz oder einen Wert ein.
  
  
   
• Mittels Einstellungendialog der Rechnung:
  • Fügen Sie im Abschnitt Rechnungsdetails die Spalte Discount (in Englisch) hinzu.
  • Legen Sie die Spaltenbreiten fest.
  • Fügen Sie die Ausrichtung der Überschriften und Texte der Spalten hinzu.
    • Description;Quantity;ReferenceUnit;UnitPrice;Discount;Amount
      35%;10%;10%;15%;15%;15%
      left;center;center;right;right;right
      left;center;center;right;right;right
  • Im Abschnitt Texte > Spaltenüberschrift Rechnungsdetails fügen Sie für jede Sprache, die Sie verwenden möchten, die Texte der Tabellenüberschriften hinzu, wobei Sie auch den Text der Spalte 'Rabatt' erfassen.
    • Beschreibung;Menge;Einheit;Preiseinheit;Rabatt;Betrag

Beispiel eines Rechnungsdrucks:

Rechnung mit Produktfotos

Dieses Beispiel zeigt, wie Sie Produktbilder in den Rechnungsdetails einfügen und ausdrucken können.

• Voraussetzungen:
  • Abonnement für den Advanced-Plan von Banana Buchhaltung Plus
  • Personalisierte erweiterte Anpassungen in JavaScript

Für das Einbinden von Bildern Ihrer Produkte so vorgehen:

• Fügen Sie alle Produktfotos hinzu.
  • Speichern Sie alle Bilder Ihrer Produkte:
    • Wählen Sie dasselbe Verzeichnis oder Unterverzeichnis, in dem die Datei (.ac2) gespeichert wurde.
    • Unterstützte Bildformate: png und jpg
    • Es wird empfohlen, kleinformatige Bilder zu benutzen
      Die endgültige Grösse der PDF-Datei hängt vom Gewichtsumfang der Bilder ab.
  • Fügen Sie die Spalte Links hinzu.
    • Machen Sie mittels Menübefehl Daten > Spalten einrichten die Spalte Links der Tabelle Artikel sichtbar..
  • Verknüpfen Sie Bilder mit Artikeln.
    • Fügen Sie nun in der Spalte Links der Tabelle Artikel den Link zum Bild für jedes Produkt in der Tabelle hinzu.
      Klicken Sie auf das kleine Symbol in der oberen rechten Ecke der Zelle und wählen Sie das gewünschte Bild aus.
• Fügen Sie die Tabelle Dokumente hinzu.
  • Falls noch nicht vorhanden, fügen Sie die Tabelle Dokumente hinzu.
    Über das Menü Werkzeuge > Neue Funktionen hinzufügen > Dokumente-Tabelle.
• Fügen Sie in der Dokumente-Tabelle den JavaScript-Code als Beilage ein.
  • Geben Sie in der ID-Spalte den Namen des Anhangs gefolgt von der Erweiterung .js ein (z.B. "myFile.js").
  • Klicken Sie in der Spalte Beilagen auf das kleine Symbol, das in der oberen rechten Ecke der Zelle erscheint und wählen Sie als Dokumenttyp Javascript Code aus.
    Es erscheint der Editor zum Schreiben von Texten, wo Sie den JavaScript-Code eingeben.
  • Kopieren Sie den JavaScript-Code der Funktion 'hook_print_details_net_amounts' In diesem Beispiel wurde die Funktion verwendet, die die Rechnung mit den Nettobeträgen (ohne MWST) druckt.
  • Fügen Sie den Code im JavaScript-Editor ein und bestätigen Sie mit OK.
• Legen Sie die Parameter für das Rechnungslayout fest.
  • Fügen Sie in den Rechnungseinstellungen > Rechnungsdetails die Spalten "I.Links" (Spalte für Bilder) und "Number" (Spalte für Artikelnummer) hinzu.
    • Beispiel:
      I.Links;Number;Description;Quantity;ReferenceUnit;UnitPrice;Amount
      10%;10%;30%;10%;10%;15%;15%
      left;left;left;right;center;right;right
      left;left;left;right;center;right;right
  • Geben Sie in den Rechnungseinstellungen > Texte die Namen der einzelnen Spalten ein.
    • Image;Item;Description;Quantity;Unit;Unit Price;Amount
  • Geben Sie in den Rechnungseinstellungen unter JavaScript/CSS > JS Dateiname ('ID-Spalte Dokumente-Tabelle) den Namen der Beilage ein, die den JavaScript-Code enthält (z.B. "myFile.js").

Im Rechnungslayout werden auch die Produktbilder eingeschlossen.

Beispiel eines Rechnungsdrucks: