---
title: Formulário
slug: neuro-pt/formulario
description: Learn how to create dynamic user interfaces with Neuro, the low-code application. Customize forms using CSS, Angular JS, and JavaScript. Discover how to add variables for display purposes. This comprehensive document provides step-by-step instructions on 
docTags: 
createdAt: 2021-10-27T18:44:36.000Z
---

Permite a construção de interfaces de usuário em <font color="#3b9f0f">**Low-code**</font> através da combinação de componentes Drag and Drop previamente definidos e o uso de recursos CSS, Angular JS e JavaScript.

Os formulários podem ser vinculados a qualquer tipo de serviço para ser utilizado na abertura ou andamento dos tickets.

É possível definir quais os capos e seus tipos e indicar se os mesmos serão ou não obriagatórios

:::hint{type="info"}
✏️ ***Nota:*** Todos os formulários <font color="#3b9f0f">**Neuro** </font>são versionados.
:::

## Características

- Cada formulário pode conter uma ou mais páginas e cada página tem um HTML, um JS de controlador angular e uma coleção de dependências (o layout da tela é comum a todas as páginas);
- O desenho da tela contém uma coleção de linhas e cada linha do desenho da tela pode ter um ou mais componentes (com uma ou mais propriedades);
- Páginas previamente configuradas no sistema:
  - **Página padrão**
  - Página usada para iniciar o serviço SM, pesquisar os dados dentro do banco
    de dados e registrar diretamente nele.
  - **Página CRUD**
  - Página criada automaticamente pelo Objeto de negócio, com as funções
    básicas.
  - **Página de processo**
  - Página para processos do sistema SM associados a processos de negócios,
    usados para iniciar um Processo de Negócio Neuro.
  - **Página de tarefa**
  - Execução de um projeto de fluxo de trabalho/Desenho ESI, renderizando um
    formulário Neuro na tela do ticket.
  - **Página de relatório**
  - Página de relatório para relatórios gerados pelo aplicativo, inclui
    dependências específicas para a execução de um relatório JASPER.

## Antes de começar

- [x] É necessário ter criado a Aplicação Neuro.

## Procedimento

1. Acesse a funcionalidade pelo menu de navegação `Neuro > Gerenciamento > Formulário;`
2. Clique em “**Cadastrar**”;
3. Complete os campos disponíveis em “**Dados Básicos**”. Nesta aba, o usuário
   &#x20;deve informar os dados básicos dos formulários, como a **Aplicação** a qual o formulário pertence, o **Nome**, **Descrição**, **Regras de Negócio&#x20;**(para Validação e para SM, se houver) e a **Pasta**, que é um agrupamento de
   &#x20;formulários no servidor, para fins de organização e marca se o Formulário é para ser **Mostrado como um widget de SM**;
4. Adicione a página;
5. Clique em **Salvar&#x20;**&#x70;ara executar as alterações. É possível salvá-lo na versão original (versão atual) ou em uma nova versão.

:::hint{type="info"}
**🖊&#x20;*****Nota:*****&#x20;JS para visualização**

Essa guia tem a capacidade de adicionar variáveis no escopo do JavaScript na tela que é aberta quando se clica em **Exibir Tela**.

Mais informações podem ser encontradas em [Desenvolvendo aplicações](docId\:TMORHLHXUso66zGqhgUdC).
:::