Im Bereich „Vorlage“ gibt es nur eine Schaltfläche, die Sie zum Echtzeit-PDF-Editor führt

Dieser Editor gibt Ihnen verschiedene Elemente an die Hand, mit denen Sie eine sehr genaue Vorlage nach Ihren Wünschen erstellen können

Die obere rechte Ecke hat viele Funktionen
Lassen Sie uns diese nacheinander beschreiben

Das erste Symbol von links ist jetzt eingeschaltet und dient dazu, Ihnen die Komponenten in der gepunkteten Umrandung zu zeigen
So sieht Ihr Editor aus, wenn er ausgeschaltet ist

Die zweite ermöglicht Ihnen die Bearbeitung im Vollbildmodus.
Die nächste Option ist „Code anzeigen“ und zeigt Ihnen den vollständigen Quellcode der Seite an.

Wichtiger Hinweis: Sie können den Quellcode hier nicht ändern, er ist nur zum Kopieren gedacht.
„Code importieren“ dient dazu, Ihren eigenen Code in die Vorlage zu importieren

Die nächsten sind für das Umschalten von Bildern, Rückgängig machen und Wiederherstellen, Leinwand leeren, was alle Elemente aus Ihrer Vorlage löscht und auch das „Über“-Symbol, um einige Hinweise zu zeigen
Sie können das ganze Ding mit dem Pinsel gestalten

Hier sind einige CSS-Kenntnisse erforderlich
Werfen wir einen Blick auf den rechten Abschnitt namens Core Elements

Die Elemente in diesem Bereich werden verwendet, um Textfelder, Textabschnitte, Trennlinien und Bilder festzulegen.
Sobald Sie eines dieser Elemente durch Ziehen und Ablegen in das Textfeld eingefügt haben, können Sie die Informationen in Ihrem benutzerdefinierten Feld anpassen, das dann immer standardmäßig angezeigt wird, wenn Sie diese PDF-Vorlage verwenden

Für die Textbearbeitung können Sie diese Bearbeitungszeile verwenden, die beim Starten des Druckvorgangs eingeblendet wird

Quelle – drücken Sie diese Taste, um ein Fenster zu öffnen, in dem Sie Ihren Text ohne Rahmenbeschränkung bearbeiten können

Felder – hier können Sie eine benutzerdefinierte Variable hinzufügen, die sich auf einen Datensatz eines Formularfeldes bezieht.

Wählen Sie das gewünschte Feld aus und drücken Sie Feldwert einfügen, das genügt.

Jetzt werden Sie diesen spezifischen Wert in das Textfeld mit den Dollarzeichen einfügen.
Produkte/Bestandsfelder

PDF-Funktionen

Zwei weitere Symbole in Kartengröße werden zum Kopieren und Einfügen verwendet
Schriftarten ist für die Auswahl der Textschriftart
Alle weiteren Icons sind grundlegende Aktionen zur Textbearbeitung
Um ein Bild hochzuladen, verwenden Sie das Element Bild
Hier haben Sie mehrere Möglichkeiten, ein Bild hochzuladen:
- durch Ziehen und Ablegen mit Hilfe des gepunkteten Bereichs
- über einen Link hochladen
- Wählen Sie ein Bild aus den Bildern, die Sie bereits verwendet haben

So sehen diese Elemente im Feld Body aus
Der nächste Abschnitt Spalten dient dazu, das Textfeld in Spalten zu unterteilen, die sehr einfach angepasst, verschoben und verändert werden können

Diese gestrichelten Linien sind ein Beispiel dafür, wie Sie das Spaltenlayout in wenigen Sekunden anpassen können

Betrachten wir nun den Block Items

Elemente aus diesem Bereich sind vorgefertigte Gruppierte Steuer und Artikelsteuer, die spezielle Variablen verwenden, die die Daten aus Ihren Steuerdatensätzen erben
Hier sehen Sie ein Beispiel für die gruppierte Steuer

Alle Informationen, die Sie hier sehen, wenn es sich um einen einfachen Text handelt, können Sie bearbeiten, Text hinzufügen und auch Variablen hinzufügen
Wenn Sie zweimal auf das Element klicken, öffnet sich eine Ansicht mit einzelnen Zellen und ermöglicht die Bearbeitung

Lassen Sie uns zum Beispiel eine Rabatt-Spalte löschen. Klicken Sie dazu mit der rechten Maustaste, wählen Sie im sich öffnenden Fenster die Option Spalte löschen und sehen Sie das Ergebnis

Wie Sie sehen können, wurde die Spalte „Rabatt“ gelöscht und die gesamte Tabelle automatisch an die von Ihnen vorgenommenen Änderungen angepasst
Der weitere Bereich VtigerCRM stellt Ihnen Flex Reports und Firmenlogo zur Verfügung
Die Namen der Elemente sprechen für sich selbst, Sie können sie verwenden, um Ihr Logo und Ihre Berichte an beliebiger Stelle auf der Seite einzufügen

Extras gibt Ihnen die Möglichkeit, einen Barcode zu Ihrer Vorlage hochzuladen

Wenn Sie auf das Barcode-Element klicken, öffnet sich ein Barcode-Generator
- Barcodetyp – hier können Sie einen Barcodetyp aus verschiedenen Optionen auswählen
- Variable zum Hinzufügen – bevor Sie zum zweiten Feld gehen, lassen Sie uns einen Blick auf dieses Feld werfen, hier können Sie eine bestimmte Variable aus dem von Ihnen gewählten Modul festlegen
- Wert, der in den Barcode geschrieben werden soll – nachdem Sie eine Variable im dritten Feld hinzugefügt haben, drücken Sie den Plus-Button auf der rechten Seite und es wird automatisch ein Wert hinzugefügt, der sich auf die Variable bezieht, die Sie zuvor ausgewählt haben

Zu guter Letzt gibt es noch den Bereich Demonstration
Artikel-PDF herunterladen