Hoe zet je 2 foto’s naast elkaar in het PDF-bestand | MoreApp

Nog geen MoreApp account? Meld je hier aan.

Optie 1: Subform veld

1.1 Voeg een Subform toe

Open je formulier in het MoreApp Platform en klik op Bewerk formulier

Voeg het Subform-veld toe aan je formulier. Klik op het veld en configureer de properties. Geef het veld een naam onder Label en pas de tekst aan voor de naam van de knop. Bijvoorbeeld: Foto’s en voeg foto’s toe.

Je kunt een bestaand formulier gebruiken of er zelf een maken. Klik op Bewerk Subformulier.

1.2 3 Voeg twee Photo velden toe

Je wordt doorgestuurd naar het subformulier. Sleep twee Photo velden naar het subformulier. Klik op het veld en configureer de Photo eigenschappen

1.3 E-mail tab

Ga naar de E-mail tab van het subformulier. Vink het vakje aan: Gebruik een horizontale opzet voor je subformulier.

1.4. Resultaat in PDF

Optie 2: HTML 

Deze feature is beschikbaar in het Branch, Tree en Forest abonnement. Bekijk onze Prijzenpagina.

2.1 Code view

Ga naar de E-mail sectie en scroll naar beneden tot de PDF-configuratie. Vink de optie ‘PDF aanpassen met HTML aan en de Codeweergave wordt geopend.

Zoek naar de datanamen van de twee Photo velden die je naast elkaar wil plaatsen.

2.2 Verwijder code

Verwijder de volgende code voor beide Photo velden

<tr class="${_hideWhenEmpty(FOTO1)}"> 
        <td colspan="2">
              <span class="more-field-label">Foto 1</span><br/>
              <img src="${FOTO1}" alt="" style="max-width: 200px; max-height:
               200px;">

2.3 Nieuwe code

Stappen:

1. Kopieer onderstaande code en plak deze op de gewenste plek in de code view

2. Plaats het label van Foto 1 in plaats van: LABEL1

3. Plaats de datanaam van Foto 1 in plaats van: dataname1

4. Plaats het label van Foto 2 in plaats van: Label2

5. Plaats de datanaam van Foto 2 in plaats van: dataname2

6. Klik opnieuw op Opslaan

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

2.4 Resultaat in de PDF

Nadat je een formulier hebt ingevuld, ziet het resultaat in de PDF er als volgt uit:

Wil je meteen op de hoogte zijn van de nieuwste tutorials? Ga naar YouTube en klik op Abonneren!