Adicionar um botão de ação interativo a um formulário

Tópicos

Você pode adicionar campos interativos ao formulário. O Soda PDF pode adicionar opções predefinidas, como Botão Imprimir, Botão Enviar, Botão E-mail e Botão Salvar

Este artigo não abordará a alteração da aparência do botão, você pode saber mais em nosso guia de propriedades de campo de formulário completo.

Você também pode programar seu próprio botão com JavaScript. Este artigo abordará como você pode adicionar cada um dos seguintes:

 

Outros tópicos que abordaremos:

 

Se você ainda não tem Soda PDF, você pode comprá-lo aqui.

 

buy now_pt.png

 

Botão Enviar formulário

O botão Enviar formulário pode ser usado para ter uma maneira automática de enviar formulários ou valores de volta depois que um usuário tiver preenchido o formulário.

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Selecione Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão Ação no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha Ação Enviar de Formulário

  • Clique nos 3 pontos na janela Adicionar Ação.
  • Escolha a opção Enviar formulário.

 

Screenshot_4.png

 

Passo 5 - Configurar as Opções

  • Insira o URL para o qual o formulário será enviado.
  • Escolha o formato de arquivo.
  • Escolha os campos que serão enviados.

 

Screenshot_5.png

 

  • Se você escolher a opção Selecionar campos, precisará verificar os campos que deseja enviar.
  • Você também pode optar por incluir campos vazios e inverter a seleção.
  • Clique em Aplicar quando estiver pronto.

 

Screenshot_6.png

 

  • Quando todas as configurações estiverem definidas, clique em Aplicar para confirmar.

 

Screenshot_7.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_8.png

 

Botão Salvar

Esse botão acionará o comando Salvar como quando um usuário clicar nele.

 

Passo 1 - Escolha a opção Botão Salvar

  • Abra a guia Formulário.
  • Selecione Botão.
  • Clique em Salvar.

 

Screenshot_9.png

 

Passo 2 - Coloque o botão Salvar no seu PDF

Você verá o contorno da caixa aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_10.png

 

Agora você pode redimensionar seu botão ou movê-lo para qualquer lugar em sua página no Modo Editar.

 

Screenshot_11.png

 

Botão Abrir Arquivo

Quando um usuário clica nesse botão, um arquivo específico será aberto. Tenha em atenção que quem receber este ficheiro terá de aceder à localização do ficheiro.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Selecione Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão Ação no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha ação Abrir de arquivo

  • Clique na opção Abrir Arquivo na janela Adicionar ação.

 

Screenshot_12.png

 

Passo 5 - Escolha o seu Ficheiro e Confirme a Ação

  • Uma janela de navegação será aberta e você pode escolher o arquivo.
  • Sua ação aparecerá na janela Adicionar ação, clique em ADICIONAR para confirmar.

 

Screenshot_13.png

 

Botão Abrir Página Web

Quando um usuário clica nesse botão, uma página da Web específica será aberta.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Escolha Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha Ação Abrir de Página da Web

  • Clique na opção Abrir página da Web na janela Adicionar ação.

 

Screenshot_14.png

 

Passo 5 - Introduza o URL

  • Insira o URL na caixa.
  • Clique em Aplicar para confirmar.

 

Screenshot_15.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_16.png

 

Botão de navegação do documento

Quando um usuário clica nesse botão, ele será levado a uma página específica em seu PDF.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Selecione Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão Ação no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha Ação Ir para a Página

  • Clique na opção Ir para a página na janela Adicionar ação.

 

Screenshot_17.png

 

Passo 5 - Navegue até à sua Página de Destino

  •  Desloque-se para a página de destino.
    • Você também pode usar as opções de navegação no canto inferior direito da página.
  • Clique na página para confirmar.

 

Screenshot_18.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_18.png

 

Botão Redefinir formulário

Quando um usuário clica nesse botão, você pode escolher determinados campos de formulário a serem redefinidos.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Escolha Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha ação Redefinir formulário

  • Clique nos 3 pontos na janela Adicionar ação.
  • Escolha a opção Redefinir formulário.

 

Screenshot_19.png

 

Passo 5 - Escolha os campos que serão redefinidos

  • Marque as caixas ao lado de qualquer campo que precise ser redefinido.
  • Clique em Aplicar para confirmar.

 

Screenshot_20.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_21.png

 

Botão Mostrar/Ocultar Campo

A opção Mostrar campo permite criar um gatilho para exibir campos ocultos. A opção Ocultar campo permite ocultar determinados campos.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Escolha Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha ação Mostrar campo ou Ocultar campo

  • Clique nos 3 pontos na janela Adicionar ação.
  • Escolha a opção Mostrar campo ou Ocultar campo.

 

Screenshot_22.png

 

Passo 5 - Escolha os Campos que serão Ocultos/Revelados

  • Escolha os campos de formulário que precisam ser ocultos/revelados.
  • Clique em Aplicar para confirmar.

 

Screenshot_23.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_24.png

 

Botão codificado JavaScript

Você pode codificar um botão que usa um script feito com JavaScript.

 

Passo 1 - Adicionar um botão de ação

  • Abra a guia Formulário.
  • Escolha Botão.
  • Clique em Ação.

 

Screenshot_1.png

 

Passo 2 - Coloque o botão no seu PDF

Você verá o contorno do botão aparecer no documento. Você pode posicioná-lo onde quiser.

  • Clique em qualquer lugar do arquivo para colocar o botão.
    • Mantenha pressionado o botão esquerdo do mouse e arraste o cursor para redimensionar o campo enquanto o coloca.

 

Screenshot_2.png

 

Passo 3 - Abrir janela Adicionar ação

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Clique na guia Eventos.
  • Clique em Conjunto ao lado de Ação.

 

Screenshot_3.png

 

Passo 4 - Escolha a ação JavaScript

  • Clique nos 3 pontos na janela Adicionar ação.
  • Escolha a opção JavaScript.

 

Screenshot_25.png

 

Passo 5 - Adicione o seu Script

  • Insira seu script na caixa.
  • Clique em OK para confirmar.

 

Screenshot_26.png

 

Passo 6 - Confirmar a ação

Sua ação aparecerá na janela Adicionar ação.

  • Clique em ADICIONAR para finalizar.

 

Screenshot_27.png

 

Gerenciando várias ações

Você pode configurar seu botão para ter várias ações ao mesmo tempo. Eles serão acionados na ordem em que aparecem.

Você pode reorganizar a ordem de quaisquer ações.

  • Arraste e solte ações para alterar a ordem de execução da ação.

 

Screenshot_28.png

 

Você pode remover uma ação do botão.

  • Clique no ícone da lixeira ao lado da ação que você deseja remover.

 

Screenshot_29.png

 

Alterar legenda do botão

Você pode atualizar a legenda do botão que o usuário vê.

  • Selecione o botão enquanto estiver no Modo Editar.
  • Abra as Propriedades.
  • Escolha a guia Aparência.

 

 

  • Abra a seção Texto.
  • Digite sua nova legenda e clique em qualquer outro lugar para confirmar.

 

Screenshot_30.png

 

Clique aqui para saber mais sobre como alterar as propriedades de aparência dos campos de formulário.

 

Testando seu botão

  • Mude para o Modo Visualizar.
  • Clique no botão.

 

Screenshot_31.png

 

Excluindo um botão

  • Clique em Modo Editar.
  • Clique com o botão direito do rato no botão.
  • Selecione Remover.

 

Screenshot_32.png

Este artigo foi útil?

Sim Não
Tem mais dúvidas? Submeter um pedido