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 70 Próxima »

Visão geral

O painel de ações do rodapé apresenta as opções de ações possíveis sobre uma entidade ou grupo de registros. .

IMPORTANTE
O padrão define que:

  • Ações no rodapé da pasta devem utilizar botões e PopUpButton
  • Ações em agrupadores internos como datagrids e listas na área de conteúdos devem usar links e popuplinkbuttons
  • A mesma regra de pasta vale para janelas (em rodapé botões, na área de conteúdos links)
  • Os níveis de focalidade devem ser definidos entre ação focal, ações neutras (até 4) ações relacionadas e ações internas ao contexto da área de conteúdo (links)

Quando usar

  • Para exibir ações possíveis no contexto da interface;
  • Para agrupar ações em níveis de focalidade;

Estrutura

A área de rodapé "ControlBar" é apresentada na parte inferior das interfaces e deve comportar as ações em níveis
Ação Focal (sempre apenas 1)
Ações Neutras (máximo 4)
Ações Relacionadas (sem limites e em ordem de focalidade)
Ações internas à área de conteúdo (formato de links) (repetem as regras dos botões mas se apresentam em links)

Boas Práticas

  • Distribuir as ações mais focais mais para a esquerda esquerda e as menos focais para a direita, porém com alinhamento do grupo inteiro de ações sempre à direita.
  • Quando existir a necessidade de exibir mais de 5 ações deve-se agrupá-las nas no componentes de ações relacionadas que exibe as demais opções em popup.
  • Lembre de definir eventos para que a ação focal seja acionada no Enter do teclado e Duplo clique do mouse
  • Algumas ações já apresentam label definidos como "Detalhar, Adicionar, Alterar e Remover".

Exemplo

Utilizar largura de 100% ( width="100%") e altura de 45px (height="45") com alinhamento à direita dos objetos contidos no rodapé.

Existe situações onde é necessário utilizar um mx:Spacer com width=100% para forçar um objeto alinhar a direita. No exemplo abaixo é utilizado para posicionar um checkbox.

Referências

Veja Também

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