Criando e Modificando Estilos Clássicos do WebFacing

Para criar um novo estilo no WebFacing, é necessário ter um projeto com um estilo clássico do WebFacing selecionado, que é um estilo padrão, não customizado. As modificações no estilo são com base no estilo selecionado e são aplicadas apenas ao projeto atual. Para salvar o estilo, clique com o botão direito em seu projeto e selecione Estilo > Salvar como e dê um nome ao estilo. Depois de ter criado um estilo definido pelo usuário, você pode salvar as modificações subseqüentes no mesmo nome de estilo. Assim esse estilo torna-se disponível para seleção da próxima vez que você escolher um estilo da Web durante a criação de um projeto ou da próxima vez que selecionar um estilo para substituir o estilo de projeto atual. Para substituir um estilo, clique com o botão direito no projeto e escolha Estilo > Selecionar Estilo. Para consultar a estrutura de diretórios para obter o local do estilo no seu projeto, selecione a guia Navegador. Na visualização Navegador, o caminho para o diretório de estilos para um projeto é <project_name>\WebContent\webfacing\styles.

Se você desejar editar o estilo utilizado para a área do aplicativo e os elementos da tecla de comando, edite o arquivo apparea.css no diretório \apparea utilizando a página de propriedades de Estilo ou diretamente utilizando as ferramentas fornecidas no IDE. As páginas de propriedades de Estilo facilitam a visualização das modificações que estão sendo feitas e mostram como essas alterações são aplicadas nos elementos DDS, como janela e registros de subarquivos. As alterações feitas através das páginas Propriedades de Estilo são aplicadas aos nomes de classes de estilos correspondentes no arquivo apparea.css. Para utilizar o editor CSS do IDE, clique com o botão direito no arquivo que deseja editar e selecione Abrir com > CSS Designer.

Se desejar editar o layout e a estrutura em torno da área do aplicativo e das teclas de comando, edite os arquivos CSS definidos pelo usuário no diretório \chrome. Para editar o estilo utilizando o editor CSS do IDE, clique com o botão direito no arquivo que deseja editar e selecione Abrir com > CSS Designer. Se desejar editar o layout da estrutura, edite o arquivo PageBuilder.jsp. Para editar o estilo da estrutura, clique com o botão direito em Estilo > Editar Estilo.

As propriedades de estilos são armazenadas em dois diretórios separados da pasta estilos, dentro do projeto do WebFacing:
Arquivos que podem ser editados para alterações de estilo Diretório em que os arquivos são armazenados Parte da página da Web em que se aplicam Editável utilizando páginas de propriedade?
apparea.css \apparea
  • área do aplicativo
  • teclas de comando
Sim
  • PageBuilder.jsp
  • Arquivos .css definidos pelo usuário
\chrome\html e \chrome
  • estrutura
  • layout
Não
Nota: Não é necessário converter novamente seus arquivos fonte para efetivar as alterações de estilo.
Referências relacionadas
Considerações sobre Configurações da Web
Informações relacionadas
Customizando seus Aplicativos do WebFacing

Feedback