Como mostrar 2 fotos uma ao lado da outra no PDF

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

Nota: Esta publicação do nosso Centro de Ajuda não está atualizada, por favor veja a versão em inglês para o conteúdo atualizado. No canto superior direito pode escolher o idioma.

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

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

1.1 Platforma MoreApp

Primeiro, abra 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)

Você 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 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 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 você 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:

Copie o código abaixo e cole no local desejado em code view
Coloque o rótulo da foto 1 em vez de: LABEL1
Coloque o nome dos dados da foto 1 em vez de: dataname1
Coloque o rótulo da foto 2 em vez de: LABEL2
Coloque o nome dos dados da foto 2 em vez de: dataname2
Clique em Code view (</>)
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!

Help Center