====== Padrões de design - Formulários ======


===== Resumo =====
Esse documento estabelece os padrões e fornece um guia para a definição do layout e da interface dos formulários do sistema. O layout padrão do sistema contará com os campos do cadastro e seus botões de ação para editar, excluir e salvar.

===== Layout dos formulários =====

==== Visão geral ====

De acordo com a opção selecionada pelo usuários poderá ser aberto um formulários para criação, edição ou visualização dos dados.

==== Regras gerais ====

Os formulários devem respeitar algumas regras, são elas:

  * Devem possuir um título para identificar qual o formulário;
  * Campos obrigatórios devem possuir um asterisco;
  * Os campos formatados devem contar com máscaras para auxiliar no preenchimento. (Ex.: Data, Telefone, CPF, CEP, etc);
  * Para os formulários de inclusão e alteração o formulários deve contar com um botão para "Salvar" os dados e outro para "Voltar" para tela anterior;;
  * Para os formulários de visualização o sistema deve contar com um botão para "Editar" os dados e outra para "Voltar" para tela anterior;
  * Os botões devem estar alinhados a esquerda na página, sendo que os botões de "Voltar" ou "Cancelar" devem estar a esquerda dos botões de "Salvar" ou "Editar"

Além disso, os formulários devem exibir os campos no padrão do [[http://webapplayers.com/inspinia_admin-v2.9.3/md_skin/form_basic.html|template do ARGON]].

==== Exemplo de formulário ====

=== Formulário de inclusão ===

{{:softwares:schoolweb:requisitos:prematricula:formularios:formulario_responsavel.png|}}

=== Formulário de visualização ===

{{:softwares:schoolweb:requisitos:prematricula:formularios:visualizar_prematricula.png|}}

=== Exemplo de mensagem de erro ===

{{:softwares:schoolweb:requisitos:prematricula:formularios:mensagem_de_erro.png|}}