Alterando a Aparência do Site com Temas

É possível alterar a aparência do aplicativo da Web do IBM® Rational Asset Manager editando folhas de estilo em cascata e fornecendo imagens customizadas.

Sobre Esta Tarefa

Um administrador de repositório pode fazer download de um archive que contém as imagens e as folhas de estilo em cascata que formam a aparência do aplicativo da Web. Depois que esses arquivos forem customizados, o administrador do repositório pode fazer upload deles para implementar a alteração.

Se você modificou seu tema, antes de atualizar o servidor Rational Asset Manager, faça download do tema atual. Depois de atualizar o servidor, é possível reaplicar o tema; se fizer isso, primeiro aplique o tema em uma instalação de teste porque as alterações no servidor podem causar problemas com os temas para versões anteriores.

Procedimento

  1. Efetue login no web client do como um administrador de repositório.
  2. Clique em Administração.
  3. Na barra lateral de Administração do Repositório, clique em Ferramentas.
  4. Na página Ferramentas, localize a seção Gerenciar Temas.
  5. Clique em Fazer Download do Tema Atual.
  6. Salve o archive currentTheme.zip no seu computador local. Esse archive contém folhas de estilo em cascata (CSS), JavaServer Pages (JSP) e arquivos de imagem.
  7. Extraia o archive. Mantenha a estrutura de pasta.
  8. Modifique as folhas de estilo em cascata e modifique ou substitua as imagens, conforme necessário.
  9. Crie um archive que contenha os arquivos atualizados. Você pode atribuir qualquer nome ao archive, mas ele deve ter a mesma estrutura de pasta que o original (isto é, a pasta denominada "theme" deve ser a pasta raiz). Esses arquivos devem estar no archive de tema, mesmo se nenhuma alteração tiver sido feita nos arquivos:
    • theme/custom/header.jspf: contém a imagem do logotipo e os links Ajuda e Extensões
    • theme/custom/homeContent.jspf: a área de conteúdo da página inicial
    • theme/custom/jspHeader.jspf: contém detalhes adicionais do banner
    • theme/custom/requestAccess.jspf: Este arquivo é exibido abaixo do formulário de conexão na página de conexão. No tema padrão, não há nada neste fragmento, porém, você pode desejar incluir links, como "Esqueci a senha" ou "Registrar", que são comuns para os aplicativos da Web.
    • theme/custom/requestAccessForm.jspf: Este arquivo é exibido na página inicial, abaixo do formulário de conexão. No tema padrão, não há nada neste fragmento, porém, você pode desejar incluir links, como "Esqueci a senha" ou "Registrar", que são comuns para os aplicativos da Web.
    • theme/custom/css/advanced.css: folha de estilo em cascata avançada para dimensionamento e posicionamento
    • theme/custom/css/basic.css: folha de estilo em cascata básica para imagens, planos de fundo e estilos
    • theme/custom/css/hideRightColumn.css: folha de estilo em cascata para páginas que não possuem uma coluna direita
    • theme/custom/css/pageLayout.css: folha de estilo em cascata para o layout de página geral
    • theme/custom/css/showLeftColumn.css: folha de estilo em cascata para páginas que possuie uma coluna esquerda
  10. Na página Ferramentas, na seção Gerenciar Tema, clique em Navegar.
  11. Localize o archive atualizado.
  12. Clique em Upload.

Resultados

O novo tema é aplicado imediatamente. Se você não visualizar as alterações imediatamente, clique no botão atualizar ou recarregar no navegador. Você talvez tenha também de limpar o cache do seu navegador da Web. Não é necessário reiniciar o aplicativo da Web. Para verificar se o tema foi aplicado corretamente, visualize várias páginas do aplicativo da Web. Caso você veja resultados inesperados, modifique os arquivos e carregue o tema novamente.

O que Fazer Depois

Salve uma cópia de seu archive de tema. Se tiver que restaurar o tema original, clique em Restaurar o tema padrão.

Se o aplicativo da Web for reimplementado ou atualizado para uma nova versão, o tema padrão será aplicado e você deverá fazer upload do tema customizado.


Feedback