| 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 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.
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.
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 |
|---|
| id | primeiros-passos |
|---|
| tabLocation | left |
|---|
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Criação do html |
|---|
| 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.
| Bloco de código |
|---|
| language | xml |
|---|
| title | meu-primeiro-form.html |
|---|
| linenumbers | true |
|---|
| <html>
<body>
<form name="form" role="form">
Oi. Informe o seu nome: <input type="text" name="name" />
</form>
</body>
</html> |
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Acesse o fluig |
|---|
| Agora, acessando o fluig, entre na página de documentos (1), crie uma pasta ou escolha uma pasta (Pode ser existente como a pasta “Formulários Fluig” (2), clique em no botão “Novo” e depois em (3) e escolha a opção “Formulário Avançado” (4) 
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Faça o Upload |
|---|
| Escolha o arquivo html criado (1), defina um nome para o seu formulário (2) e confirme 
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Abrindo o formulário |
|---|
| Agora que seu formulário já foi criado, acessa a pasta criada com a descrição escolhida (1), clique em no botão Novo e depois (2) e selecione a opção “Registro de formulário” (3) 
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Criando um registro |
|---|
| 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 |
|---|
| id | retrieve-update |
|---|
| tabLocation | left |
|---|
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Criação do html |
|---|
| Para acessar o registro, basta navegar até a pasta do formulário, acessar o formulário do mesmo jeito que é feito para inserir um registro (1), selecionar o registro que deseja visualizar e clicar na descrição (2)  Image Added
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Acesse o fluig |
|---|
| O fluig irá abrir uma modal com o seu formulário em modo de visualização. Neste modo você pode visualizar o seu registro (1) para confirmar que esse é o registro que se quer alterar e para editar basta clicar no botão "Editar Formulário"  Image Added
|
| Card |
|---|
| id | primeiros-passos |
|---|
| label | Faça o Upload |
|---|
| Agora em modo de edição, o campo é exibido (1) e você pode editar e depois salvar o formulário (2). Ou, descartar caso queira cancelar as alterações.  Image Added
|
|
O que aconteceu com o meu formulário no modo em edição?
Como o formulário é exibido dentro do fluig?
...