Vorlage anlegen

Eine HTML-Vorlage im Tuix Dashboard anlegen.

Eine Vorlage ist das HTML, das zu einem PDF gerendert wird. Beim Erzeugen referenzierst du sie über ihre Template ID.

Vorlage anlegen

Öffne im Dashboard Applications und wähle die Anwendung, zu der die Vorlage gehört.

Klicke auf Create new template.
Gib der Vorlage oben einen Namen.

Schreibe den HTML-Inhalt im Editor. Die Live-Vorschau rechts zeigt das Ergebnis, Format HTML code formatiert das Markup.

Klicke auf Save Pdf template. Die Vorlage bekommt eine Template ID, die du zum Erzeugen brauchst.

Vorlagen-Editor mit Live-Vorschau im Tuix Dashboard

Variablen

Platzhalter im HTML verwenden Liquid-Syntax, also den Variablennamen innerhalb doppelter geschweifter Klammern:

<h1>Rechnung für {{ customerName }}</h1>
<p>Total: {{ total }} CHF</p>

Der Editor erkennt die Platzhalter automatisch und listet sie unter Set variables auf, wo du Vorschauwerte eintragen kannst. Diese Werte gelten nur für die Vorschau im Dashboard und werden nicht mit der Vorlage gespeichert.

Beim Erzeugen übergibst du die echten Werte im Objekt data:

{ "customerName": "Jane Doe", "total": "249.00" }

Die Vorschau ersetzt nur einfache Variablen. Schleifen und Bedingungen ({% for %}, {% if %}) bleiben in der Vorschau stehen und werden erst vom Server beim Rendern aufgelöst.

Setze keinen führenden Punkt. {{ customerName }} gibt die Variable aus, {{ .customerName }} schlägt serverseitig mit einem Template-Fehler fehl. Schleifen, Bedingungen und verschachtelte Werte stehen unter Template-Syntax.

Gerendert wird als A4 im Hochformat. Das Styling kommt aus dem HTML selbst, lege dein CSS also in einen <style>-Block innerhalb der Vorlage.

Auf dieser Seite