Componente 4.12 Painéis

Definição

Paineis são organizadores de conteúdos na tela, assim como os fieldsets, porém possuem mecanismos de collapse, isto é, o usuário tem a liberdade de abrir ou fechar o conteúdo.

Especificações

b.1) Dimensões:          

            Largura: Os paineis devem sempre possuir a largura total da área de conteúdo.

            Rodapé: 1px

            Distância entre o conteúdo do panel e as linhas superiores e inferiores: 20px

            Atenção: O conteúdo do Panel deve estar identado 30px (alinhado com a primeira letra do título do painel).

b.2) Cores:

             Faixa título: 6

            Rodapé: 6

b.3) Textos:

            Título: OSsb/16 (1)

 

Comportamento

Uma tela pode apresentar a quantidade de paineis que forem necessárias para a organização do conteúdo, porém não será permitido a utilização de painel dentro de painel. É permitido (e em alguns casos até recomendável) a organização de um conteúdo dentro de um painel com a utilização de fieldsets.

Atenção: A largura do painel deve sempre preencher a largura da tela.

Não é recomendável que uma tela apresente todos os paineis fechados. Recomendamos que SEMPRE o primeiro painel seja mostrado aberto.

Quando houver erro em algum item dentro do painel, o próprio painel (fechado) deverá apresentar  contorno vermelho, indicando que há erro em um elemento em seu interior. Isso visa auxiliar o usuário a identificar o erro quando a tela apresenta mais de um painel. Quando houver apenas um painel na tela, não há necessidade de identificar o erro no painel, pois o mesmo já será apresentado na tela aberto sinalizando os elementos que possuem erros. Veja mais detalhes sobre erros no tópico 5.3 deste guia.