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 template do ARGON.

Exemplo de formulário

Formulário de inclusão

Formulário de visualização

Exemplo de mensagem de erro

 
softwares/schoolweb/requisitos/prematricula/formularios/home.txt · Última modificação: 01/12/2021 11:52 (edição externa)
 
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki