Portlet - Cabeçalho

The root page UIE:@self could not be found in space User Interface Explorer.

Quando usar

Sem sentido: O Cabeçalhos de Portlet explicam através de ícone, título e uma descrição do conteúdo apresentado no Portlet.

Para identificar filtros aplicados na área de conteúdo;
Para identificar as Entidades...
Para orientar usuário sobre o conteúdo e ações do portlet...

Estrutura

Área do cabeçalho - fundo azul...
PIN - Que fixa o cabeçalho;
Icone - Para representar o portlet;
Texto - Pode conter uma descrição ou uma informação referente a configuração;
Ícone da Funcionalidade (opcional);
Título (opcional)- deve conter o nome da Entidade ou Título da Informação sendo visualizada;
Resumo dos critérios sendo filtrados (opccional).

Comportamentos

Errado: O cabeçalho é ocultável, contendo ações de maximizar e minimizar (seria abrir/fechar?).
Através do botão PIN, pode-se fixar ou não o cabeçalho aberto.
Quando fixado, a interface do Portlet é deslocada para baixo ( não cobrindo portanto as informações...)

Boas Práticas

O texto apresentado no cabeçalho do portlet deve ser objetivo e breve devido ao seu espaço.

Evitar legendas em gráficos no tamanho mínimo...

Portlet são resumos, traga totais, evite muitos campos...

Mostre o que mudou desde a última vez...

Utilize os atalhos para ações extras no contexto do portlet...

Exemplo

Link para o mesmo exemplo de Portlet

Código fonte