Adicionar Formulário Web

Para adicionar Formulário Web, basta realizar o clique no botão "Adicionar Formulário Web" localizado no canto superior direito da interface.

Ao clicar em "Adicionar Formulário Web", uma nova página será aberta apresentando pastas sendo contidas por campos que precisam ser preenchidos. Assim trazendo certas definições para Formulário Web sendo elas :

Título : Nome ao qual irá ser definido para este formulário web *Campo Obrigatório
Rota : Rota ao qual definirá o nome do titulo no link, caso o titulo venha a conter espaços deverá se colocar um hífen no meio da palavra por exemplo rota-rota.
Selecione DocType : DocType a qual será referente a este formulário. *Campo Obrigatório
Módulo : Módulo referente ao qual este formulário pertence.

Sendo acompanhados por algumas Check Box sendo elas :

É Padrão : Se for selecionada torna-se padrão.
É Formulário de Várias Etapas : Referente se caso ele for um formulário de varias etapas requeridas.
Publicado : Caso venha a ser selecionado, passará a ser publicado tornando assim público
Necessário Iniciar Sessão : Para a realização do formulário necessita iniciar a seção sendo ela fazer login para que comece a preencher.
Aplicar Permissões de Documento : Por padrão, se o usuário tiver acesso de leitura aos documentos enviados por diferentes usuários, ele ficará visível na Exibição de lista do formulário da Web. Mas ele/ela só pode abrir o registro na exibição de lista se a caixa de seleção Aplicar permissão de documento estiver marcada.
Permitir Impressão : Ele adicionará um botão de impressão para imprimir o documento. Ele só será visível no Modo de Visualização.
Permitir Formulários Incompletos : Ele permitirá o envio de formulários mesmo que os campos obrigatórios não sejam preenchidos.

Introdução

Em introdução o usuário cria-se um texto que será exibido na página de formulário, ao qual abaixo contém se um campo de preenchimento para a realização da criação da seguinte introdução.

Campos

A seção de "Campos" ao qual poderá seguir com a criação de devidos campos para este seguinte formulário, sendo assim essa criação passará a ser relatada em um seguinte formato de tabela ao qual se contém algumas informações aos qual foram cadastradas, sendo elas relatadas da esquerda para a direita, contendo assim as seguintes :

Número do Item : Apresentados em formato de lista numerada, onde cada linha é atribuída a uma numeração única para aprimorar a busca e a visualização dos campos correspondentes.
Nome de Campo : Refere-se ao nome identificador deste campo no formulário.
Tipo de Campo

Anexar : Permite anexar um arquivo a um formulário ou página. Os usuários podem selecionar um arquivo do seu dispositivo e enviá-lo para ser usado posteriormente.
Anexar Imagem : Semelhante à função "Anexar", essa função permite que os usuários anexem uma imagem a um formulário ou página. Eles podem selecionar uma imagem do dispositivo e enviá-la.
Verifica : Essa função permite verificar uma condição específica. Por exemplo, você pode verificar se uma Check Box está marcada ou se um campo de texto está preenchido antes de prosseguir com uma ação.
Moeda : Contém valores numéricos, como Preço do Item, Valor, etc. O campo Moeda pode ter valores de até seis casas decimais. Além disso, você pode ter um símbolo de moeda sendo mostrado para o campo de moeda.
Dados : Sendo assim um campo permitindo ate 140 caracteres a ser inseridas.
Data : Este campo permitirá que você insira a Data neste campo.
Data e Hora : Este campo fornecerá um seletor de data e hora. A data e hora atuais (fornecidas pelo seu computador) são definidas por padrão.
Duração : Permite inserir valores de duração.
Vírgula Flutuante : Permite a inserção de valores com ponto flutuante.
HTML : Permite inserir e exibir código HTML.
Int : O campo inteiro contém valor numérico, sem casa decimal.
Ligação : Cria uma ligação.
Senha : Permite inserir senhas.
Avaliação : Este campo pode ser usado para exibir uma entrada interativa de classificação por estrelas. A contagem de estrelas padrão mostrada é 5, no entanto, isso pode ser facilmente alterado inserindo um número que varia de 3 a 10 no campo de opções para esse campo de classificação específico.
Selecionar : Usando o tipo de campo "Selecionar", você pode criar um campo suspenso. Você pode especificar todos os valores selecionáveis no campo Opções , cada valor separado por uma nova linha.
Assinatura : Pode definir o campo para ser um campo de assinatura no qual você pode adicionar a assinatura digital neste campo.
Texto Pequeno : O campo de texto pequeno contém conteúdo de texto e tem mais limite de caracteres do que o campo de dados.
Caixa de Texto : Permite inserir texto em uma caixa de texto.
Editor de texto : É um campo de texto e renderiza um editor WYSIWYG para entrada. Possui várias opções de formatação de texto.
Tabela : Permite criar uma tabela.

Rótulo : É um atributo que fornece uma descrição textual e descritiva para identificar de forma clara e objetiva. Ele é usado para fornecer informações sobre a finalidade ou contexto do campo, permitindo uma identificação precisa.
Opções : Opções relacionadas que serão atribuídas ao formulário sendo ela para este campo podendo assim serem escritas quais passarão a conter neste campo.

Contendo abaixo um campo de preenchimento para delimitação do máximo de tamanho em MB referente do anexo

Criação / Edição de Campos de Formulário Web

Para adicionar dados a essa tabela e configurá-la de acordo com a necessidade aplicada, basta realizar o clique em "Adicionar Linha". Isso criará uma nova linha na tabela onde você pode inserir as informações necessárias para cada item

Após efetuar o clique no botão "Adicionar Linha" adicionará uma seguinte linha sem dados presente contendo assim somente o item que refere-se ao número identificador desta linha criada

Após adicionar uma linha na tabela, será criada uma nova coluna específica para a edição dos dados dessa linha. Para editar os dados de uma linha específica, basta clicar no botão "Editar" localizado na linha correspondente.

Após clicar em "Editar", será aberta uma nova aba que contém campos para edição dos dados da linha selecionada, seguindo por alguns novos campos não mostrados anteriormente como :

Depende De : Essa expressão indica uma dependência entre dois ou mais elementos, recursos ou componentes de um sistema. Significa que a disponibilidade, funcionalidade ou comportamento de um elemento é condicionado ou influenciado pelo outro. Isso implica que um elemento só pode funcionar corretamente se as condições ou requisitos estabelecidos pelo elemento de dependência forem atendidos.
Comprimento Máximo : Refere-se ao limite máximo de caracteres, dígitos ou unidades de medida permitidos em um determinado campo de entrada de dados. Esse limite é definido para controlar o tamanho ou extensão dos dados inseridos e garantir que não excedam um valor específico. O comprimento máximo pode se aplicar a campos de texto, números, senhas e outros tipos de entrada de dados.

Seguidas por algumas Check Box sendo elas

Obrigatório : Refere-se a algo que é necessário ou exigido, ou seja, não é opcional. Quando algo é marcado como obrigatório, significa que é necessário fornecer ou preencher essa informação para prosseguir com uma determinada ação, processo ou entrada de dados.
Mostrar no Filtro : Essa expressão indica que um determinado item, opção ou campo será exibido no filtro. Em um contexto de software ou aplicativo, isso significa que esse elemento estará visível ou disponível para seleção ou configuração quando um filtro estiver sendo aplicado para buscar ou filtrar informações específicas.
Escondido : Refere-se a algo que está oculto ou não visível. Quando algo é marcado como escondido, significa que não é exibido ou apresentado aos usuários como parte da interface padrão. Pode ser necessário executar uma ação específica ou ajustar configurações para tornar esse elemento visível.

Propriedade Depende

Nesta seguinte imagem, ainda se relaciona a página de edição de campos ao qual pode-se criar condições referentes as Check box como faladas anteriormente sendo elas "Obrigatório" e "Somente Leitura" podendo ser assim preenchidas por meio de códigos tendo a possibilidade de expandir ao clicar no botão "Expandir", seguidos por um campo para descrição ao qual poderá ser digitado um breve texto descritivo referente as dependências criadas.

Script de Cliente

Uma Script de Cliente permite definir dinamicamente um Form Script personalizado que é executado no navegador de um usuário, onde nesta ala se contém um presente campo para digitação deste referente código podendo assim ser expandido para obter uma melhor visualização ao decorrer desta área

Web Forms são páginas que os usuários solicitam usando o navegador. Essas páginas podem ser escritas usando uma combinação de HTML, script de cliente, controles de servidor e código do servidor. Quando os usuários solicitam uma página, ela é compilada e executada no servidor pela estrutura e, em seguida, a estrutura gera a marcação HTML que o navegador pode renderizar.

CSS Personalizada

Abaixo se contém um campo para a digitação de códigos CSS para assim realizar a estilização do formulário correspondente, podendo assim ser expandido o que foi digitado para uma melhor visualização ao clicar no botão "Expandir".

CSS é chamado de linguagem Cascading Style Sheet e é usado para estilizar elementos escritos em uma linguagem de marcação como HTML. O CSS separa o conteúdo da representação visual do site. Pense na decoração da sua página. Utilizando o CSS é possível alterar a cor do texto e do fundo, fonte e espaçamento entre parágrafos. Também pode criar tabelas, usar variações de layouts, ajustar imagens para suas respectivas telas e assim por diante.

Ações

O usuário assim pode configurar as devidas ações que passaram a serem realizadas dando assim seguimento por meio da etiqueta deste botão sendo reconhecida por meio do nome e o sucesso Mensagem que refere-se a mensagem a qual irá ser exibida depois da conclusão bem sucedida(isso é somente para usuários convidados)

Configurações da Barra Lateral

Refere-se a configuração de itens ao qual estarão localizados na barra lateral da tela, seguindo assim contendo uma Check Box presente sendo ela "Mostrar Barra Lateral" ao qual passando a ser selecionada passará a mostra na lateral da tela, seguidos por uma tabela de configuração e criação destes itens ao qual poderão ser mostradas ao lado.

Nesta tabela é composta algumas colunas que se mostram algumas informações mais relevantes para assim serem mais enfatizadas na tabela dando assim uma melhor visualização aquilo que está sendo digitado, trazendo as colunas da seguinte maneira sendo elas faladas da esquerda para direita assim :

Número do Item : Apresentados em formato de lista numerada, onde cada linha é atribuída a uma numeração única para aprimorar a busca e a visualização dos campos correspondentes.
Título : O título é um texto descritivo de poucas palavras que identifica e resume o conteúdo prestado.
Ativado : Se for selecionado passará a ser ativo na plataforma assim contendo a opção simples para desativar.
Rota : Rota ao qual foi definida para esta configuração em especifico.
Referência Tipo de DocType : Dada a referência a qual Doctype será utilizado.
Função : Ação específica atribuída para esta configuração.

Criação / Edição de Itens Sidebar

Após efetuar o clique no botão "Adicionar Linha" adicionará uma seguinte linha sem dados presente contendo assim somente o item que refere-se ao numero identificador desta linha criada

Pagamentos

Na ala de pagamentos passará a conter somente uma Check Box presente sendo ela "Aceite o Pagamento".

Se a Check Box "Aceite o Pagamento" for selecionada, abrirá mais campos sendo eles se referindo a regras deste referido pagamento tais como :

Portal de Pagamento : Portal de referencia ao pagamento caso venha a não existir poderá ser criado naquele momento clicando em "Criar Portal" necessitando dos seguintes dados nome do Portal, Configurações do Gateway Begin e Gateway Controller.
Etiqueta do Botão : Referente ao titulo que mostrará no botão.
Botão Ajuda : Campo de preenchimento de texto podendo assim conter escrita referente a ajuda em especifico.
Montante : Refere a valor sendo equivalente ao valor futuro.
Montante Baseado em Campo : Ao ser selecionado passará a abrir a seção valor campo ao qual poderá resultar em uma criação do valor.
Moeda : O campo Moeda contém valores numéricos, como Preço do Item, Valor, etc. O campo Moeda pode ter valores de até seis casas decimais. Além disso, você pode ter um símbolo de moeda sendo mostrado para o campo de moeda.

Caso a Check Box presente "Montante Baseado em Campo" for selecionada passará a mudar sendo trocada o campo de preenchimento "Montante" por "Valor Campo"

Avançado

No avançado passará assim a determinar o Texto do link da página por meio de um campo de preenchimento sendo ele, sendo assim ele está acompanhado por uma script de código ao qual poderá

No campo Texto do link da página, o texto a ser exibido para link a página da Web se está forma tem uma página web.
Rota Link será gerada automaticamente com base em page_name e parent_website_route

Salvar Implementações e Edições

Após concluir todas as adições e alterações de conteúdo necessárias, o usuário pode salvar as modificações realizadas clicando no botão "Salvar". Este botão está localizado no canto superior direito da página.

Ao clicar em "Salvar", todas as inclusões e alterações de conteúdo serão armazenadas. Isso garante que as informações sejam salvas e estejam disponíveis para uso posterior. O processo de armazenamento permite que o usuário mantenha um registro atualizado e seguro de todas as edições realizadas.

PreviousPágina Inicial NextPost do Blog

Last updated 1 year ago