Amostra para Portlets
Essa amostra mostra como os estilos são utilizados com os Portlets. Para ver como os estilos são utilizados com os Temas e Capas, selecione o arquivo <themeskin.html> do menu drop-down.

CaptionA CaptionB CaptionC
item-selected
possui submenuscascade-item itemA
item-hover itemB
possui submenuscascade-item-selected item-hover-selected
utiliza o estilo "portlet-section-header"
uses style "portlet-section-subheader"
uses style "portlet-section-body"
uses style "portlet-section-text"
utiliza o estilo "portlet-section-selected"
utiliza o estilo "portlet-section-alternate

uses style "portlet-font"
uses style "portlet-font-dim"

Formulário de Amostra
"form-label" informações "icon-label"
"form-field-label" :

Diálogo Pop-up
"dlg-icon-label"

Área de Mensagem

Mensagem de Status Mensagem de Erro
Mensagem de Alerta Mensagem de Êxito
Mensagem informativa