A personalização de estilos de componente é um exercício simples. Cada componente é associado, por padrão, a um CSS (Cascading Style Sheet). Se você abrir o diretório WebContent/theme no Project Navigator , verá o arquivo CSS para cada componente. Por exemplo, para o componente Painel Tabulado, há um tabpanel.css. Dar um clique duplo em tabpanel.css ativa o editor de CSS, permitindo a personalização de cada estilo. As folhas de estilo são documentadas de modo que você entenda a finalidade de cada estilo. Se você consultar o arquivo tabpanel.css, observará que todos os estilos iniciam com o prefixo .TabbedPanel. Há quatro "conjuntos" de estilos predefinidos: .TabbedPanel, .TabbedPanel_1, .TabbedPanel_2 e .TabbedPanel_3.
Os conjuntos de estilo são um conceito importante para se entender. Não há um estilo único para esse controle complexo como um Painel Tabulado. Nós utilizamos um conjunto de estilos, que são prefixados com o mesmo rótulo. Os conjuntos de estilo são extremamente úteis porque permitem que os desenvolvedores personalizem de modo diferente a aparência e o comportamento dos componentes individuais em suas páginas. Por exemplo:
Para ver como isso funciona, tente o seguinte:
Execute e selecione os outros estilos para ver os diversos efeitos oferecidos.
Termos de Utilização |
Feedback
(C) Copyright IBM Corporation 2000, 2005. Todos os Direitos Reservados.