Quellcode

Falls Sie HTML/CSS beherrschen, können Sie ebenfalls direkt Änderungen am Quellcode vornehmen und damit komplexere Berichte erstellen.

Öffnen Sie dazu oben bei Ansicht -> Quellcode kann die HTML-Ansicht.

HTML Validierung

Um den Editor zu benutzten wird das HTML immer validiert. Dies kann nicht ausgeschalten werden. Das heisst, dass wenn Sie direkt den Quellcode in der HTML-Ansicht bearbeiten, müssen auch Ihre Anpassungen immer korrekt validiert sein.

Folgendes ist beispielhaft nicht gültig und kann nicht eingefügt und validiert werden:

<table>
<tr>
{{#if x}}
<td>X ist gesetzt</td>
{{/if}}
</tr>
</table>

Um dieses Funktionalität korrekt und validiert umzusetzen, können HTML Kommentare verwendet werden:

<table>
<tr>
<!-- {{#if x}} -->
<td>X ist gesetzt</td>
<!-- {{/if}} -->
</tr>
</table>

Kommentare und Codeblöcke

Um validierte Quellcodeanpassungen zu machen arbeiten Sie am besten häufig mit HTML-Kommentare. So haben konnte bereits das obige Beispiel korrekt validiert werden.

Dabei können Sie auch mit ganzen Blöcken von Kommentaren arbeiten, die im PDF-Export korrekt interpretiert werden. Dazu verwenden Sie das spezielle Code-Snippet "infracloudCode". Dies wird im Editor nie angezeigt.

<table>
<tr>
<!-- infracloudCode

# Hier kann nun irgendetwas geschrieben werden, dass im Editor nicht validiert werden.
# Beim erstellen des PDFs wird jedoch alles ausgeführt.

/infracloudCode -->
</tr>
</table>

Beispiel:

<table>
<tr>
<!-- infracloudCode
{{#each fotosArr}}
# Hier kann nun irgendetwas geschrieben werden, dass im Editor nicht validiert werden.
# Beim erstellen des PDFs wird jedoch alles ausgeführt.
{{/each}}
/infracloudCode -->
</tr>
</table>

Bedingte Formatierungen

Um bedingte Formatierungen einzufügen, werden am besten CSS-Klassen eingefügt. So bleibt im Editor immer noch alles sichtbar.

Beispiel:

<!-- infracloudCode
{{#if alarm}} isAlarm { background-color : red } {{/if}}
/infracloudCode -->

<table>
<tr>
<td class="isAlarm">Alarmwert: {{x}}</td>
</tr>
</table>