Bitte einen Suchbegriff eingeben.
Fehler ~ Es konnten keine Ergebnisse geladen werden.
Tutorial: Eigene Dokumentvorlagen für einheitliche Auftragsdokumente erstellen. Mit Variablen / Platzhaltern arbeiten, ein Briefpapier hinterlegen, Telefonnummer und Website im Infoblock darstellen, Logo positionieren und die Schriftart ändern.
Inhalt
Wie können wir in einer Offerte oben im Infloblock die Telefonnummer des zuständigen Sachbearbeiters und die Firmenwebseite anzeigen? Ausserdem ein Briefpapier hinterlegen, Schriftart anpassen und das Logo verschieben?
Das Tutorial zeigt einen ganz kleinen Anriss, was alles möglich ist. Versiertere User:innen können die Template Script Sprache Velocity (Userguide auf Englisch) verwenden.
Über Einstellungen Auftragskategorien Layouts werden die vorhandenen Dokumentvorlagen aufgerufen. Hier können neue erstellt oder bereits bestehende bearbeitet oder über kopieren dupliziert werden um sie individuell zu verändern.
Im Screenshot sind alle Bereiche aufgeklappt, damit alle Optionen ersichtlich sind.
Kopf /Header:
Logo im Kopfbereich von Dokumenten ein-/ausblenden
Absenderadresse im Adressfenster anzeigen
Kunden-Nr. oder Lieferanten-Nr. im Infoblock anzeigen
Logo-Höhe in cm (Positionierung über Reiter CSS: header img.logo)
Sachbearbeiter im Infoblock anzeigen
Überschrift anzeigen (Dokumenttitel wie Rechnung, Offerte)
Positionstabelle:
Spalte mit Artikel-Nr. (sofern vorhanden) anzeigen
Spalte Einheit (z.B. Stk. oder Std.) anzeigen
Spalte mit Steuersatz pro Artikel anzeigen
Steuer mit 0.00 in Totalen anzeigen
Spalte Positions-Nr. anzeigen
Stückpreise runden (nur für Darstellung, berechnet wird mit bis zu 8 Dezimalstellen
Zahlungen unterhalb des Gesamttotals darstellen
Fuss / Footer:
Hier kann eine Fusstext hinterlegt werden. Am besten reinen Text aus einem Texteditor einfügen, nicht vor formatiert aus Word.
Seitenzahlen anzeigen
QR Abschnitt:
Betrag auf dem QR Einzahlungsschein frei lassen oder nicht
QR Code ohne Referenznummer generieren
QR Abschnitt ohne die gestrichelte Trennlinie
Standard-Vorlage
Soll die Dokumentvorlage für alle Dokumente als Standard verwendet werden? Die in der Auftragskategorie hinterlegte Vorlage überschreibt diesen Standard.
Es ist empfehlenswert eine Dokumentvorlage zu kopieren, damit immer wieder auf die ursprüngliche Vorlage zurückgegriffen werden kann, falls etwas nicht passt.
Im HTML Editor zur entsprechenden Zeile fahren, wo die Telefonnummer des Sachbearbeiters und die Webseite angezeigt werden sollen.
Nun alle im Screenshot markierten Zeilen kopieren:
$i18n.tax_code $uid
und zweimal im Anschluss einsetzen, einmal für die Telefonnummer und einmal für die Webseite.
Zuerst wird die Klasse wie folgt geändert: tax_code einmal ersetzen durch phone und einmal durch website. Das vorangehende Kürzel "$i18n." wird technisch benötigt um die Mehrsprachigkeit zu gewährleisten.
Anschliessend wird die Variable der Umsatzsteuer ID "$vatUid" überschrieben indem sie markiert wird und über das Platzhalter-Menü Sachbearbeiter Telefon Arbeit bzw. Website ausgewählt wird. Dadurch werden die Platzhalter "$rpFullName" bzw. "$rpUrl" eingesetzt.
Ein A4-PDF mit zwei gelben Elementen soll in den Hintergrund gelegt werden um den Wiedererkennungswert der versendeten Rechnungen zu steigern. Im Reiter Briefpapier die Datei auswählen und hochladen. Das wars schon.
Die PDF Datei darf eine maximale Grösse von 400 KB aufweisen.
Da der Zeilenstand bei den Bezeichnungen nicht mit den Infos daneben abgestimmt ist, kann dies im CSS Reiter der Dokumentvorlage angepasst werden.
Dazu diese beiden Zeilen im Document Info Table mit dem markierten Code ergänzen:
div.docinfo table td {
white-space: nowrap;
vertical-align: center;
}
div.docinfo table td:first-child {
font-size: 7pt;
text-align: right;
padding-right: 5pt;
padding-top: 1pt;
Nun soll das Logo noch etwas mittiger platziert werden. Dies wird erreicht indem vom linken Rand die Zentimeterzahl erhöht wird oder vom rechten Rand. Dazu in der Dokumentvorlage im CSS Reiter zum folgenden Bereich navigieren und beim Befehl left: 2cm; ausprobieren wie viel Zentimeter vom linken Rand benötigt werden:
/*******************************************************
* HEADER / FOOTER
********************************************************/
header img.logo {
position: absolute;
top: 1.5cm;
left: 7.5cm;
}
Im CSS Reiter kann auch eine andere Schriftart für das Dokument oder Teile davon ausgewählt werden. Durch Markieren der Schrift im Code und anschliessendes Auswählen einer andere Schriftart im Dropdown Menu Schriften wird der Name ersetzt.
Die Grösse der Schrift kann durch Erhöhen/ Verringern von font: 13pt beeinflusst werden. Einfach ausprobieren, es kann nichts schief gehen.
Nun die Vorlage speichern, auswählen und refreshen. So sieht das Ergebnis der Anpassungen aus:
Das HTML / CSS der Dokumentvorlagen ist eingeschränkt. Die vollständigen Listen, welche HTML tags und welche CSS properties unterstützt werden, finden sich hier als PDF Download:
Wir erstellen für Sie mit HMTL/ CSS eine Dokumentvorlage nach Ihrem Manuskript. Ab CHF 220.– für ein einseitiges Dokument. Senden Sie uns unverbindlich eine Anfrage.
