Há duas maneiras de mostrar duas fotos uma ao lado da outra no PDF. Leia este post do Centro de Ajuda para as descobrir!


Ainda não tem conta MoreApp? Inscreva-se aqui.


Opção 1: Widget Sub-formulário (Subform-widget)

1.1 Platforma MoreApp

Primeiro, abra o seu formulário na Plataforma MoreApp e clique em Editar Formulário.


1.2 Adicione o Subform-Widget (Sub-formulário)

Adicione o Subform-widget ao seu formulário. Clique no Lápis e configure as Propriedades. Dê um nome ao widget na Label e Adicione o texto do botão. Por exemplo, Fotos e Adicionar Fotos.

Clique em Editar abaixo do campo Subform.


1.3 Adicione 2 Photo-widgets (Foto)

Vai ser redirecionado para o sub-formulário. Arraste dois Photo-widgets para o sub-formulário. Clique sobre o lápis e configure os Photo-widgets. Quando terminar clique em Guardar.


1.4 Aba Email

Vá para a guia Email do próprio sub-formulário. Marque a caixa: Use a orientação horizontal para o sub-formulário.

1.5 Guardar & Publicar

Clique em Guardar & Publicar e preencha o seu formulário.


1.6. Resultado em PDF


Opção 2: HTML 

Esta característica está disponível nos planos Ramo, Árvore e Floresta. Confira os nossos planos!


2.1  Code View - Visualização do Código

Vá para a guia Email, vá até o Modo Avançado e clique na Visualização do Código (</>).

Procure os nomes dos dados dos dois widgets de fotos que deseja colocar um ao lado do outro.


2.2 Remova o Código

Remova o seguinte código para ambos os widgets de fotos.

<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 Novo Código

Passos:

  1. Copie o código abaixo e cole no local desejado em code view

  2. Coloque o rótulo da foto 1 em vez de: LABEL1

  3. Coloque o nome dos dados da foto 1 em vez de: dataname1

  4. Coloque o rótulo da foto 2 em vez de: LABEL2

  5. Coloque o nome dos dados da foto 2 em vez de: dataname2

  6. Clique em Code view (</>)

  7. Pressione Guardar & Publicar

<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 Resultado no PDF

Depois de preencher um formulário, o resultado no PDF apresentado:

Quer ser o primeiro a ver nossos últimos tutoriais? Vá para o YouTube e Subscreva!