Histórico da Página
| Aviso | ||
|---|---|---|
| ||
Esta página faz parte de um conjunto de informações que foram organizadas para facilitar o seu entendimento sobre o assunto em questão. Caso você ainda não tenha lido a primeira página, recomendamos que comece por lá para ter uma visão geral do conteúdo. Isso irá ajudá-lo a compreender melhor as informações apresentadas nesta página e no restante do material. Agradecemos pela sua compreensão e esperamos que essa documentação possa ser útil para você. |
Formulários avançados (hard-code)
Através da codificação, o usuário pode personalizar totalmente o layout e o comportamento do formulário, atendendo às necessidades específicas Os formulários avançados no Fluig permitem uma personalização completa através de codificação, possibilitando a criação de layouts e comportamentos totalmente adaptados às necessidades da empresa. Com essa flexibilidadeabordagem, é possível incluir campos personalizados, integrar com outros sistemas externos, criar regras avançadas de validação de dados e até mesmo criar fluxos personalizados dentro do próprio formulário. A criação de formulários avançados no fluig é uma das maneiras mais eficientes de otimizar os processos de negócios e aumentar a produtividade da empresa.
Através da codificação, o usuário pode personalizar totalmente o layout e o comportamento do formulário, atendendo às necessidades específicas da empresa. Com essa flexibilidade, é possível incluir campos personalizados, integrar com outros sistemas, criar regras avançadas de validação de dados e até mesmo criar fluxos personalizados dentro do próprio formulário. A criação de formulários avançados no fluig é uma das maneiras mais eficientes de otimizar os processos de negócios e aumentar a produtividade da empresa.
...
validações complexas e desenvolver fluxos personalizados.
No entanto, para aqueles que buscam soluções rápidas e sem necessidade de programação, o Fluig também oferece a opção de formulários sem código que podem ser criados de forma intuitiva através de ferramentas de arrastar e soltar.
Mas vamos começar pelo básico, como criar um formulário?
"Hello World"
Para quem está começando a aprender sobre o fluig, este é um passo fundamental e simples para entender como funciona a criação de formulários. Vamos começar?
| Deck of Cards | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
|
Se você nunca fez um formulário no fluig, podemos começar simples, sem ferramentas mirabolantes, apenas o fluig e um editor de texto. Os únicos pontos de atenção é que as tags html e body são necessárias e que todos os campos que serão preenchidos precisam estar dentro da tag form do html.
Agora, acessando o fluig, entre na página de documentos, escolha uma pasta (Pode ser a pasta “Formulários Fluig”), clique em “Novo” e depois em “Formulário Avançado”
...
|
...
|
...
|
O seu formulário irá abrir em uma modal. Preencha os dados e confirme e o seu registro de formulário será criado.
...
|
Acessando e editando um registro
Acessar e editar um registro é bastante parecido com a criação.
| Deck of Cards | |||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||
|
| Cloak |
|---|
O que aconteceu com o meu formulário no modo em edição?<working in progress> Como o formulário é exibido dentro do |
...
Fluig?Caso tenha a curiosidade de inspecionar o formulário no |
...
Fluig, verá que ele é exibido dentro de um iframe. Isso garante que as funções e estilizações que do formulário não sobrescreva as do próprio fluig. E, entre outras coisas, o fluig modifica a tag form para impedir o envio diretamente pela tag e forçar o uso dos botões de confirmação da tela. Como utilizar css no formulárioEm todos os formulário no fluig adicionamos a chamada do fluig style guide (https://style.fluig.com/). Assim você pode, mesmo sem criar uma linha de css, deixar o seu formulário mais bonito e com a mesma cara do fluig. <exemplo usando o style guide> Mas se quiser, claro, você pode adicionar seus próprios css. Crie seu arquivo css e no html adicione ele da seguinte forma: <exemplo html com o css adicionado> Agora, lá no fluig, atualize o seu formulário clicando nos três risquinhos, editar formulário, envie o nome arquivo .html e o arquivo css conforme o print abaixo. <print da tela de navegação de documentos> Pronto, seu css já foi aplicado. Crie um novo registro e acesse para verificar como ficou. <print da criação do registro e da visualização do registro> Cuidado: Versionamento de formulárioO fluig faz o versionamento do formulário, o que significa que cada mudança feita no formulário normalmente é registrada e salva como uma nova versão. No nosso exemplo, agora o seu formulário tem três versões: uma sem nenhuma estilização, outra usando o fluig style guide e a última com o seu próprio css. Embora o versionamento seja importante para o controle e organização das mudanças feitas, é preciso ter atenção para possíveis confusões, pois o registro de um formulário fica vinculado à versão em que foi criado. Portanto, é um registro criado na primeira versão não tenha as alterações de estilo das versões seguintes. Esse comportamento é altamente recomendado para alterações como criação ou remoção de campos, ou mesmo para algumas alterações de script, mas no caso de pequenas mudanças visuais, você pode impedir o versionamento do formulário. Para impedir, na hora de atualizar os arquivos do documento, acesse a aba “Propriedades”, encontre a opção “Versionamento” e selecione a opção “Manter versão”. <print da tela> Agora os registros de formulários que foram criados na versão atual e os próximos registros de formulários, todos estarão com o mesmo estilo. Já as versões anteriores, hoje não é possível modificar pela plataforma. <print do registro criado na v3 e do registro criado na v1> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas