Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 2 Próxima »

JAnela


Quando usar

  • Para conduzir ações sub-focais, menos impactantes para o negócio.
  • Para conduzir em processos longos, como wizards, com vários passos;
  • Para informar e consultar chaves estrangeiras;
  • Para detalhar informações (apresentadas na interface anterior de maneira simples) - EXTRAS ON DEMAND;
  • Para interfaces que precisam manter o contexto sendo exibido ao fundo (informações de apoio);
  • Para apresentar mensagens e interfaces de acompanhamento de processamento;
  • Para apresentar interfaces modais que precisam travar outras interfaces;
  • Para apresentar mensagens ao usuário (ver Mensagens).

">Estrutura


Unknown macro: {imagemap}
Unknown macro: {map}
Unknown macro: {map}
Unknown macro: {map}
Unknown macro: {map}

A Janela é uma área flutuante sobre a interface é um container que engloba os seguintes itens:

  • [*Barra de Título*]
    Nesta área na parte superior apresenta o título na barra da Janela com o botão fechar.
      • Título - Deve conter o nome do Caso de Uso ou tarefa sendo suportada na Interface;
      • Ícone de Ajuda;
      • Ícone de Fechar.
  • Cabeçalho
    No cabeçalho estará disposto um ícone e título idêntico ao da barra. Também nessa área pode estar disposto mecanismos de busca,

totalizadores e informações de cabeçalho referente ao assunto tratado no conteúdo.

    • Ícone da Funcionalidade (opcional);
    • Título - Deve conter o nome do Caso de Uso ou tarefa sendo suportada na Interface;
    • Agrupador de Cabeçalho;
    • Filtros Rápidos;
    • Totalizadores;
    • Filtro Simples.
  • Área de Conteúdo
    O conteúdo comporta um conjunto de informações referente ao contexto utilizado no momento corrente.
    • Painel Agrupador com Data Grid;
    • Formulários;
    • DataGrid;
    • Cadastros CRUD;
    • Gráficos.
  • Painel de ações no Rodapé
    O rodapé é composto por uma barra que agrupa um conjunto de ações disponíveis para aquele assunto. Um dos botões deve ser o que tem a maior

focalidade, seguindo a prioriodade da esquerda para a direita.

    • Ação Focal;
    • Ações Normais;
    • Ações Subfocais.
  • Animações/Transições básicas
    As animações são realizadas conforme o usuário abre ou fecha a janela, conforme descrito nos comportamentos.

Podem haver dois tipos de Janela:

  • [Janela com Tamanho Fixo] - Com dimensões pré-definidas.
  • [Janela Redimensionável] - Segue as mesmas características de Janela, porém ela pode ser

redimensionada pelo usuário.

Comportamentos

A Janela é carregada na interface com o efeito de Zoom-in quando é carregada.
Para ação de fechar a Janela é utilizado o efeito de Zoom-out.
O usuário, ao clicar e manter pressionado pode mover para todos os lados da área do browser.

Boas Práticas

A Janela pode ser do tipo modal, quando o usuário fica bloqueado e tudo que estiver atrás dessa janela, ficará em background escuro semi-

transparente.

A janela deve ser inicializada no centro do desktop By You através do centerPopup do flex.

Exemplo de Janela com Tamanho Fixo

Unknown macro: {flash}


Exemplo de Janela Redimensionável

 

Unknown macro: {flash}


Código fonte


< em desenvolvimento >


Referências

Veja Também

\\ h6.Navegação {pagetree:root=@home|startDepth=2|expandCollapseAll=true}
  • Sem rótulos