Wie man 2 Fotos nebeneinander im PDF anzeigt | MoreApp

Es gibt zwei Möglichkeiten, zwei Fotos nebeneinander in der PDF anzuzeigen. Lesen Sie diesen Hilfe-Center-Beitrag, um es zu herauszufinden!

Noch keinen MoreApp-Account? Hier anmelden!

 

Option 1: Subformular

Öffnen Sie zunächst Ihr Formular in der MoreApp-Plattform und klicken Sie auf Formular bearbeiten.

 

1.1 Subform-Widget hinzufügen

Fügen Sie das Subform-Widget zu Ihrem Formular hinzu. Klicken Sie auf das Bleistiftsymbol und konfigurieren Sie die Eigenschaften. Geben Sie dem Widget unter Label und dem Schaltfläche um einen Text hinzuzufügen einen bezeichnenden Namen. Zum Beispiel Fotodokumentation und Einfügen.

 

 

Klicken Sie nun auf Bearbeiten unter dem Feld Subform.

 

1.2 Zwei Photo-Widgets hinzufügen

Sie werden zum Subformular weitergeleitet. Ziehen Sie zwei Photo-Widgets in das Subformular. Klicken Sie erneut auf das Bleistiftsymbol und konfigurieren Sie die Photo-Widgets. Wenn Sie fertig sind, klicken Sie auf Speichern.

 

1.3 E-Mail-Tab öffnen

Wechseln Sie auf das E-Mail-Tab des Subforms. Aktivieren Sie das Kontrollkästchen: Verwenden Sie eine horizontale Ausrichtung für das Subformular.

 

 

1.4 Formular testen

Klicken Sie auf Speichern & Veröffentlichen und füllen Sie Ihr Formular in der App oder dem Web App Ihres Accounts aus.

 

1.5 Darstellung im PDF-Bericht überprüfen

Nachdem Sie das Formular ausgefüllt haben, sollte das Darstellungsergebnis der Daten aus den beiden Photo-Widgets im PDF-Bericht wie folgt aussehen:

 

 

Option 2: HTML

Diese Funktion ist in folgenden Plänen verfügbar: Zweig, Baum, Wald.

 

2.1 Code View öffnen

Gehen Sie zum E-Mail-Tab, aktivieren Sie den Modus Erweitert und klicken Sie auf die Code View (</>). Suchen Sie nach den Datennamen der beiden Photo-Widgets, die Sie nebeneinander platzieren möchten.

 

 

2.2 Standard HTML-Code entfernen

Entfernen Sie den folgenden HTML-Code für jedes der beiden Photo-Widgets.

 

 

2.3 Neuen HTML-Code einfügen

Ablaufschritte:

  1. Kopieren Sie den folgenden Code und fügen Sie diesen an gewünschter Stelle im Code View des Formulares ein.
  2. Fügen Sie das Label des ersten Fotos für LABEL1 ein.
  3. Fügen Sie den Datennamen des ersten Fotos für dataname1 ein.
  4. Fügen Sie das Label des zweiten Fotos für LABEL2 ein.
  5. Fügen Sie den Datennamen des zweiten Fotos für dataname2 ein.
  6. Klicken Sie anschließend erneut auf Codeview (</>).
  7. Klicken Sie auf Speichern & Veröffentlichen.

 

<td class="more-field-label" style="text-align: center;">
<span class="more-field-label">LABEL1</span>


<img style="max-width: 300px; max-height: 300px;" src="${dataname1}" alt="">
</td>
<td style="text-align: center;">
<span class="more-field-label">LABEL2</span>


<img style="max-width: 300px; max-height: 300px;" src="${dataname2}" alt="">
</td>
HTML

 

2.4 Formular testen

Klicken Sie auf Speichern & Veröffentlichen und füllen Sie Ihr Formular in der App oder dem Web App Ihres Accounts aus.

 

2.5 Darstellung im PDF-Bericht überprüfen

Nachdem Sie das Formular ausgefüllt haben, sollte das Ergebnis Ihrer Code View-Einstellungen im PDF-Bericht wie folgt aussehen:

 

Möchten Sie als Erster unsere neusten Tutorials erhalten? Besuchen Sie uns auf YouTube und abonnieren Sie unseren MoreApp-Kanal.