Adicionar, modificar ou reordenar os campos do formulário

Esta guia é destinada a usuários não técnicos que desejam gerenciar os campos dentro de um formulário (form) existente.


Guia: Adicionar, Modificar ou Reordenar os Campos do Formulário

O gerenciamento dos campos do formulário ocorre dentro da seção "Campos" da configuração do módulo.

1. Acessar a Seção Campos

1. Acesse o painel e vá para a seção de gerenciamento dos Formulários.

2. Clique no formulário que deseja modificar.

3. Certifique-se de estar na aba Gerais (a primeira aba do processo de modificação).

4. Role até a seção intitulada Campos. Aqui você encontrará a lista dos campos atuais.

2. Adicionar um Novo Campo

1. Na seção Campos, clique no botão para adicionar um novo item (geralmente rotulado como "Adicionar campo" ou com um ícone "+").

2. Abrirá a tela de configuração do novo campo.

3. Configurar as Configurações Básicas do Campo

Uma vez aberto o painel de configuração do campo, defina as seguintes opções:

ConfiguraçãoDescrição
Nome do campoO nome que será mostrado ao usuário (por exemplo, "Seu Nome").
Tipo de campoDefine a função geral do campo (ex.: Campo de Entrada, Campo com Valores, Seção de Texto).
Tipo de inputDefine o tipo específico de entrada (ex.: Texto, Email, Telefone, Numérico, Arquivo, Escolha única, Caixa de aceitação).
Sugestão do campoO texto exibido dentro do campo antes que o usuário digite (placeholder).
Valor padrãoUm valor que preenche automaticamente o campo quando o form é carregado.
Largura do campoPermite definir quanto espaço o campo deve ocupar no dispositivo (ex.: 50% ou 100%).
Somente leituraSe marcado, o usuário pode ver o valor mas não pode modificá-lo.
ObrigatórioSe marcado, o usuário deve preencher o campo para poder enviar o formulário.

3.1. Gerenciar os Valores para Campos de Escolha Múltipla (Select, Radio, Checkbox)

Se você selecionou um Tipo de campo que requer opções (como select, radio ou multi-checkbox), aparecerá uma seção para gerenciar os valores.

1. Nesta seção, clique no botão para adicionar uma nova opção.

2. Para cada opção, preencha:

  • Valor: O dado técnico que será salvo se o usuário selecionar esta opção.
  • Texto: O texto que será mostrado ao usuário.

4. Configurações Avançadas

Se precisar de opções de configuração mais específicas, marque a caixa Mostrar configurações avançadas.

Aqui você poderá configurar:

  • ID do Campo: Um identificador único e técnico para o campo (útil para desenvolvedores ou para Condições de exibição).
  • Classes Input: Classes CSS para aplicar diretamente ao elemento input.
  • Classes Contêiner: Classes CSS para aplicar ao contêiner do campo.
  • Condições de exibição: Marque Aplicar condições para definir regras lógicas que tornam o campo visível apenas se outros campos atenderem critérios específicos.

5. Modificar ou Reordenar os Campos

Modificar um Campo Existente

1. Na seção Campos, clique no título do campo que deseja modificar.

2. O painel de configuração abrirá permitindo alterar qualquer configuração (Nome do campo, Tipo de input etc.).

Reordenar os Campos

1. Na seção Campos, clique e segure no ícone de reordenação (geralmente duas ou três linhas horizontais) ao lado do nome do campo.

2. Arraste o campo para a posição desejada dentro da lista.

3. Solte para fixar a nova posição.

6. Salvar as Alterações

Após adicionar, modificar ou reordenar os campos:

1. Role até o final da página do formulário.

2. Clique no botão Salvar ou Avançar para prosseguir com as abas seguintes e finalizar a gravação do formulário.