Ejemplo para Portlets
Este ejemplo muestra cómo se utilizan los estilos con los Portlets. Para ver cómo se utilizan los estilos con los temas y las texturas, seleccione el archivo <themeskin.html> en el menú desplegable.

CapturaA CapturaB CapturaC
elemento-seleccionado
tiene submenúscascada-elemento elementoA
elemento-flotante elementoB
tiene submenúscascada-elemento-seleccionado elemento-flotante-seleccionado
utiliza el estilo "portlet-section-header"
utiliza el estilo "portlet-section-subheader"
utiliza el estilo "portlet-section-body"
utiliza el estilo "portlet-section-text"
utiliza el estilo "portlet-section-selected"
utiliza el estilo "portlet-section-alternate"

utiliza el estilo "portlet-font"
utiliza el estilo "portlet-font-dim"

Formulario de ejemplo
"etiqueta-formulario" información "etiqueta-icono"
"etiqueta-campo-formulario" :

Diálogo emergente
"etiqueta-icono-diálogo"

Área de mensajes

Mensaje de estado Mensaje de error
Mensaje de alerta Mensaje satisfactorio
Mensaje informativo