# Drucken (Printing)



# Einführung in Druckformate

## Einleitung

Ein [Druckformat](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckformat-printformat "Druckformat (Printformat)") in ERPNext bezeichnet ein Format wie die Daten aus unserer Dateneingabemaske, dem [DocType](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/doctype "DocType"), bei der Ausgabe über HTML und/oder PDF dargestellt werden.

Um ordentliche Druckformate in ERPNext erstellen zu können sind Fähigkeiten in CSS und HTML erforderlich. Einfache Druckformate können in ERPNext mit dem <span style="text-decoration: underline;">Print Format Builder</span> erstellt werden. Diese erfüllen zwar inhaltlich die meisten Anforderungen, nicht aber die Form.

## Übersicht

<div drawio-diagram="3474"><img src="https://doku.phamos.eu/uploads/images/drawio/2022-11/drawing-4-1669633910.png" alt=""/></div>

## CSS Struktur

CSS Klassen welche für alle folgenden DocTypes zum Einsatz kommen sollen, wollen wir im Druckstil abelgen. Diese können dann von Briefkopf (hier gibt es kein extra CSS Feld) und dem Druckformat mitverwendet werden. Tun wir dies erspart uns das dies das wiederholen auf allen Druckformaten.

<div drawio-diagram="3475"><img src="https://doku.phamos.eu/uploads/images/drawio/2022-11/drawing-4-1669636981.png" alt=""/></div>

<table border="1" id="bkmrk-doctype-druckstil-hi" style="border-collapse: collapse; width: 100%; height: 236.467px;"><tbody><tr style="height: 29.7167px;"><td style="width: 50.0567%; height: 29.7167px;">**DocType**  
</td><td style="width: 50.0567%; height: 29.7167px;">**Erklärung**  
</td></tr><tr style="height: 80.1167px;"><td style="width: 50.0567%; height: 80.1167px;">Druckstil  
</td><td style="width: 50.0567%; height: 80.1167px;">Hier kann sämlichtes CSS hinterlegt werden welches wir systemweit nutzen wollen.

[<span style="text-decoration: underline;">Mehr zu Klassen im Druckstil</span>](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckstil-print-style "Druckstil (Print Style)")  
</td></tr><tr style="height: 63.3167px;"><td style="width: 50.0567%; height: 63.3167px;">Briefkopf  
</td><td style="width: 50.0567%; height: 63.3167px;">Hier können wir CSS nur im HTML verwenden. Dies sollten wir nach Möglichkeit vermeiden und uns auf den Druckstil verweisen.</td></tr><tr style="height: 63.3167px;"><td style="width: 50.0567%; height: 63.3167px;">Druckformat  
</td><td style="width: 50.0567%; height: 63.3167px;">Hier können wir DocType bezogenes CSS hinterlegen. Dies tun wir dann, wenn es nur einmalig zur Anwendung kommt und sich im System nicht wiederholt.  
</td></tr></tbody></table>

## Druckeinstellungen (Print Settings)

Bevor wir Druckformate in ERPNext erstellen sollten wir uns mit den [<span style="text-decoration: underline;">Druckeinstellungen</span>](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckeinstellungen-print-settings "Druckeinstellungen (Print Settings)") vertraut machen.

## DocTypes

- <span style="text-decoration: underline;">[Druckstil](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckstil-print-style "Druckstil (Print Style)")</span>
- [<span style="text-decoration: underline;">Briefkopf</span>](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/briefkopf-letter-head "Briefkopf (Letter Head)")
- [<span style="text-decoration: underline;">Druckkopf</span>](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckkopf "Druckkopf")
- <span style="text-decoration: underline;">[Druckformat](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/druckformat-printformat "Druckformat (Printformat)")</span>

# Druckeinstellungen (Print Settings)

## Einleitung

<p class="callout warning">Einige Einstellungen auf dieser Seite sind nur für die Druckformate gültig welche über den Print Format Builder gebaut sind. Wollen wir die in Benutzerdefinierten Druckformaten verwenden, müssen wir diese entsprechend referenzieren. Bsp: &lt;th style="width: 10%"&gt;{{ \_("Unit") if not print\_settings.print\_uom\_after\_quantity else '&amp;nbsp;'}}&lt;/th&gt;</p>

## Felder

### PDF-Einstellungen

<table border="1" id="bkmrk-bezeichnung-feldname" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2919%;">**Bezeichnung**</td><td style="width: 33.2919%;">**Feldname**</td><td style="width: 33.2928%;">**Erklärung**</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr></tbody></table>

### Seiteneinstellungen

<table border="1" id="bkmrk-bezeichnung-feldname-0" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2919%;">**Bezeichnung**</td><td style="width: 33.2919%;">**Feldname**</td><td style="width: 33.2928%;">**Erklärung**</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr></tbody></table>

##### <span class="label-area">Ausdruck als PDF senden</span>

<table border="1" id="bkmrk-h%C3%A4kchen-erkl%C3%A4rung-ge" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 50%;">**Häkchen**</td><td style="width: 50%;">**Erklärung**</td></tr><tr><td style="width: 50%;">Gesetzt</td><td style="width: 50%;">Hängen wir beim Versand einer E-Mail aus dem System das Dokument an, wird der Anhang als PDF angehängt.</td></tr><tr><td style="width: 50%;">nicht gesetzt</td><td style="width: 50%;">Hängen wir beim Versand einer E-Mail aus dem System das Dokument an, wird der Anhang als HTML angehängt.</td></tr></tbody></table>

### Rohdruck

<table border="1" id="bkmrk-bezeichnung-feldname-1" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2919%;">**Bezeichnung**</td><td style="width: 33.2919%;">**Feldname**</td><td style="width: 33.2928%;">**Erklärung**</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr></tbody></table>

### Druckstil

<table border="1" id="bkmrk-bezeichnung-feldname-2" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2919%;">**Bezeichnung**</td><td style="width: 33.2919%;">**Feldname**</td><td style="width: 33.2928%;">**Erklärung**</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr></tbody></table>

### Schriftarten

<table border="1" id="bkmrk-bezeichnung-feldname-3" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2919%;">**Bezeichnung**</td><td style="width: 33.2919%;">**Feldname**</td><td style="width: 33.2928%;">**Erklärung**</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr><tr><td style="width: 33.2919%;">  
</td><td style="width: 33.2919%;">  
</td><td style="width: 33.2928%;">  
</td></tr></tbody></table>

# Druckstil (Print Style)

## Einleitung

Dieser Doctype ist Teil des Moduls Drucken. Hier speichern wir CSS Klassen welche wir dann in unseren Druckformaten verwenden, ohne diese dort noch einmal erstellen zu müssen.

## Felder

<table border="1" id="bkmrk-bezeichnung-feldname" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.2861%;">**Bezeichnung**  
</td><td style="width: 33.2861%;">**Feldname**  
</td><td style="width: 33.2861%;">**Erklärung**  
</td></tr><tr><td style="width: 33.2861%;">Deaktiviert  
</td><td style="width: 33.2861%;">disabled  
</td><td style="width: 33.2861%;">Checkbox um das DocType zu aiktivieren oder deaktivieren  
</td></tr><tr><td style="width: 33.2861%;">Standard  
</td><td style="width: 33.2861%;">standard  
</td><td style="width: 33.2861%;">Checkbox um das DocType als Standard zu setzen oder nicht  
</td></tr><tr><td style="width: 33.2861%;">CSS  
</td><td style="width: 33.2861%;">css  
</td><td style="width: 33.2861%;">In Diesem Code Feld können wir eigenes CSS hinterlegen um diese dann in unseren Druckformaten zu verwenden.

Alternativ können wir die CSS Klassen auch in den Druckformaten selbst speichern.

Klassen anlegen mit

```CSS
.class{
  
}
```

oder

```CSS
#class{
  
}
```

</td></tr></tbody></table>

## Erklärung

#### CSS

Eine CSS Klasse wird dazu verwendet ein Format zu definieren. Dieses Format kann dann als Referenz angesprochen werden. Die Klasse wird hier in folgendem Format abgespeichert:

Beispiel einer Klassse für eine Gesamtsummentabelle

```CSS
.table-sum {
    width: 100%;
    text-align: right;
    font-size: 9pt;
    border-bottom: 2px solid black;
}
```

<span style="text-decoration: underline;">Mehr zu CSS und HTML in ERPNext</span>

# Druckkopf (Print Heading)

## Einleitung

Der Druckkopf in ERPNext ist ein DocType welcher lediglich für eine Drucküberschrift verwendet werden kann. z.B. ist der Kundenauftrag auch gleichzeitig die Auftragsbestätigung.

Wir können also für den Kundenauftrag zwei Druckköpfe anlegen (Auftrag und Auftragsbestätigung) und diese dann entsprechend für die interne oder externe Kommunikation verwenden.

## Druckkopf anlegen

Einstellungen -&gt; Druck -&gt; Druckkopf

# Briefkopf (Letter Head)

## Einleitung

In ERPNext können wir unterschiedliche Briefköpfe hinterlegen. Wollen wir z.B. ein Design über die Feiertage mit Osterhase im Logo machen können wir hierfür einen einen Briefkopf erstellen welchen wir nur für diesen Zeitraum verwenden.

## Briefkopf erstellen

Über die Globalesuche finden wir den DocType Briefkopf

[![image-1619185123744.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619185123744.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619185123744.png)

Sehen dort bestehende und können neue Erstellen

[![image-1619185167189.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619185167189.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619185167189.png)

Können dort bestimmen ob wir einen einfachen mit einem Bild oder aber einen etwas komplexeren mit HTML-Code erstellen möchten. Weiter können wir bestimmen ob der Briefkopf aktiv ist und ob er als Standard eingestellt werden soll.

[![image-1619185229650.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619185229650.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619185229650.png)

Wählen wir HTML können wir hier auch noch die Fußzeile anpassen

[![image-1619185284825.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619185284825.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619185284825.png)

## Briefkopf setzen

### In einer Transaktion

In der einer Transaktion oder einem anderen DocType können wir im Reiter Druckeinstellungen einene Druckkopf auswählen:

[![image-1619184676571.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619184676571.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619184676571.png)

<p class="callout info">Der Briefkopf kann in bereits gebuchten Dokumenten noch angepasst werden.</p>

### Als Standard

Im DocType Unternehmen kann der Briefkopf fest eingestzt werden. Dieser bestimmt dann den voreingestellten Standard für alle mit dem Unternehmen verbundenen Transaktionen.

## Briefkopf in der Druckansicht

[![image-1619183857030.png](https://doku.phamos.eu/uploads/images/gallery/2021-04/scaled-1680-/image-1619183857030.png)](https://doku.phamos.eu/uploads/images/gallery/2021-04/image-1619183857030.png)

In der Druckansicht sehen wir den Briefkopf wenn er mit dem Häkchen ausgewählt ist.

# Druckformat (Printformat)

<p class="callout warning">Der Print Format Bilder hat keine Änderungshistorie!</p>

## Einleitung

Alle DocTypes in ERPNext haben eine oder mehrere Druckansichten. Diese werden für den Versand als PDF, zum Ausdruck auf DIN-A4 Papier oder für den Druck von Labels oder auch Eintrittskarten verwendet. Für das Erstellen für rudimentären PDF Ansichten in welchen nicht auf spezielle Formatierung geachtet wird hat frappe einen Drag &amp; Drop Editor im Programm eingebaut. Ist es notwendig z.B. Adresse für eine Brieffenster optimal einzustellen sind HTML/CSS Kenntnisse notwendig.

## Übersicht

<div drawio-diagram="3299"><img src="https://doku.phamos.eu/uploads/images/drawio/2022-06/drawing-4-1654341355.png" alt=""/></div>

<div drawio-diagram="3300"><img src="https://doku.phamos.eu/uploads/images/drawio/2022-06/drawing-4-1654342973.png" alt=""/></div>

## Standard setzen

Wir können jedes Druckformat als Standard auf dem entsprechenden DocType einstellen

[https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/standarddruckformat](https://doku.phamos.eu/books/erpnext-benutzerhandbuch/page/standarddruckformat)

## Felder

<table border="1" id="bkmrk-bezeichnung-feldname" style="border-collapse: collapse; width: 100%; height: 145px;"><tbody><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">**Bezeichnung**</td><td style="width: 33.3333%; height: 29px;">**Feldname**</td><td style="width: 33.3333%; height: 29px;">**Erklärung**</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">DocType</td><td style="width: 33.3333%; height: 29px;">doctype</td><td style="width: 33.3333%; height: 29px;">Verknüpfung zu dem DocType auf welches dieses Druckformat angewendet werden soll.</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">Modul</td><td style="width: 33.3333%; height: 29px;">  
</td><td style="width: 33.3333%; height: 29px;">Hier stellen wir ein unter welchem Modul das Druckformat zu finden sein soll. Es wird dort im Workspace angezeigt.</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">Standarddrucksprache</td><td style="width: 33.3333%; height: 29px;">  
</td><td style="width: 33.3333%; height: 29px;">Hier stellen wir ein welche Sprache als Standard zum Drucken verwendet werden soll. Standarddrucksprachen können auch in den Stammdaten eingestellt werden.

</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">Benutzerdefiniertes Format</td><td style="width: 33.3333%; height: 29px;">  
</td><td style="width: 33.3333%; height: 29px;">Aktivieren wir dies, wird der Print Format Builder deaktiviert. Das Druckformat muss nun händisch im Feld HTML selbst konfiguriert werden.

</td></tr><tr><td style="width: 33.3333%;">Deaktiviert</td><td style="width: 33.3333%;">  
</td><td style="width: 33.3333%;">Deaktiviert das Druckformat und verhindert damit die Auswahl in anderen Systemteilen.</td></tr></tbody></table>

<table border="1" id="bkmrk-bezeichnung-feldname-0" style="border-collapse: collapse; width: 100%; height: 133px;"><tbody><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">**Bezeichnung**</td><td style="width: 33.3333%; height: 29px;">**Feldname**</td><td style="width: 33.3333%; height: 29px;">**Erklärung**</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">Druckformat Type</td><td style="width: 33.3333%; height: 29px;">  
</td><td style="width: 33.3333%; height: 29px;">Auswahl aus

- Jinja
- JS

</td></tr><tr style="height: 29px;"><td style="width: 33.3333%; height: 29px;">Rohdruck</td><td style="width: 33.3333%; height: 29px;">  
</td><td style="width: 33.3333%; height: 29px;">  
</td></tr><tr style="height: 46px;"><td style="width: 33.3333%; height: 46px;">HTML</td><td style="width: 33.3333%; height: 46px;">  
</td><td style="width: 33.3333%; height: 46px;">Dieses Feld erwscheint, wenn das **Benutzerdefiniertes Format** aktiviert wurde.

Hier können wir den Inhalt des Druckformats bestimmen.

</td></tr></tbody></table>

<table border="1" id="bkmrk-bezeichnung-feldname-1" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 33.3333%;">**Bezeichnung**</td><td style="width: 33.3333%;">**Feldname**</td><td style="width: 33.3333%;">**Erklärung**</td></tr><tr><td style="width: 33.3333%;">CSS</td><td style="width: 33.3333%;">  
</td><td style="width: 33.3333%;">Dieses Feld füllen wir mit unserem gewünschten Style Sheet um die Rahmenbedingungen für das Erstellen der Druckformats als PDF einzustellen.</td></tr></tbody></table>

## Cheatsheet

Seitenumbruch erzwingen:

```HTML
<div style="page-break-before:always;">
```

Fügen wir diesen Code vor "Summery" ein, sehen wir, dass Summery immer auf einer neuen Seite ist.

[![image-1668598812184.png](https://doku.phamos.eu/uploads/images/gallery/2022-11/scaled-1680-/image-1668598812184.png)](https://doku.phamos.eu/uploads/images/gallery/2022-11/image-1668598812184.png)

# Standarddruckformat

## Einleitung

Zwar können wir in ERPNext eine vielzahl an unterschiedlichen Druckformat pro DocType erstellen, verwenden jedoch in den aller meisten Fällen das gleiche. Dies kann in jedem DocType individuell vorgegeben werden.

## Standdruckformat im DocType einstellen

Um das Standardsdruckformat in ERPNext setzen zu dürfen sind spezielle Berechtigungen notwendig.

[![image-1621945459211.png](https://handbuch.tueit.de/uploads/images/gallery/2021-05/scaled-1680-/image-1621945459211.png)Doctype Anpassen.](https://handbuch.tueit.de/uploads/images/gallery/2021-05/image-1621945459211.png)

In der Anpassungsansicht eines jeden DocTypes finden wir nach der Tabelle mit den Datenfeldern den Abschnitt "Einstellungen anzeigen". Hier können wir eine Standarddruckformat auswählen.

[![image-1621945422094.png](https://handbuch.tueit.de/uploads/images/gallery/2021-05/scaled-1680-/image-1621945422094.png)Standarddruckformat in der DocType-Ansicht "Anpassen"](https://handbuch.tueit.de/uploads/images/gallery/2021-05/image-1621945422094.png)

## Standarddruckformat über das Druckformat setzen

[![image-1647420711771.png](https://doku.phamos.eu/uploads/images/gallery/2022-03/scaled-1680-/image-1647420711771.png)](https://doku.phamos.eu/uploads/images/gallery/2022-03/image-1647420711771.png)