Criando e Modificando Estilos Clássicos do WebFacing

Para criar um novo estilo no WebFacing, você deve ter um projeto com um estilo fornecido pelo WebFacing, o qual é 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 Estilo tornam mais fácil visualizar as modificações que estão sendo feitas e mostram como estas alterações se aplicam aos elementos DDS tais como registros de janela e de subarquivo. 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. Observe que nem todas as características de estilo podem ser modificadas com as páginas de propriedades do WebFacing. 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 customizar a região que circunda a área do aplicativo e as teclas de comando, modifique o arquivo CSS no diretório \chrome (não aplicável aos estilos do portlet). Para alterar o layout da página, edite o arquivo PageBuilder.jsp, em \chrome\html. A seção da tecla de comando é definida em CmdKeys.jsp e em MenuKeys.jsp (não presentes em todos os estilos).

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
  • arquivos de imagem (.gif, .jpg, .png)
\apparea
  • área do aplicativo
  • teclas de comando
Sim
  • PageBuilder.jsp
  • CmdKeys.jsp
  • Arquivos .css definidos pelo usuário
  • <stylename>.css
  • <stylename>.js
  • MenuKeys.jsp
  • arquivos de imagem (.gif, .jpg, .png)
\chrome\html e \chrome
  • layout
  • teclas de comando
Não
Nota: Não é necessário converter novamente seus arquivos fonte para efetivar as alterações de estilo.