Migrando o tema a partir de uma liberação anterior à versão 7.5.1

Se tiver usado um tema customizado em uma liberação anterior à 7.5.1, esse tema pode não funcionar como esperado na versão 7.5.1 ou posterior. Se atualizar para a versão 7.5.1 ou posterior, você deve editar e restaurar o tema customizado para usá-lo.

Antes de Iniciar

Para a liberação anterior do IBM® Rational Asset Manager, você deve ter um tema customizado. É possível criar um tema customizado concluindo as etapas em Changing the appearance of the site by using themes.
Salve o tema customizado:
  1. Clique em Administração > Ferramentas.
  2. Na seção Gerenciar Tema, clique em Fazer o Download do Tema Atual. Você é solicitado para abrir ou salvar um arquivo compactado.
  3. Salve o arquivo e renomeie-o para identificar o arquivo como a versão customizada.

Sobre Esta Tarefa

No Rational Asset Manager versão 7.5.1, o arquivo header.jspf é atualizado para exibir o menu Ajuda e as opções de menu como um link de ícone. Se fizer upload de um tema a partir de uma versão anterior, as opções de menu Conteúdo da Ajuda, Extensões e Sobre o Rational Asset Manager não estarão visíveis no banner. Para ver essas opções, você deve copiar HTML e JavaScript adicionais no arquivo header.jspf.

Procedimento

  1. Atualizar o Rational Asset Manager. O tema padrão para a liberação é aplicado.
  2. Opcional: Faça o download do tema padrão para a versão atualizada do Rational Asset Manager para que seja possível comparar os temas:
    1. Clique em Administração > Ferramentas.
    2. Na seção Gerenciar Tema, clique em Fazer o Download do Tema Atual. Você é solicitado para abrir ou salvar um arquivo compactado.
    3. Salve o arquivo e renomeie-o para identificar o arquivo como a versão padrão.
  3. Extraia os arquivos compactados.
  4. No arquivo que contém a versão customizada do tema, abra o arquivo header.jspf em um editor de texto.
  5. Copie as linhas a seguir de HTML e JavaScript e cole-as no arquivo header.jspf em que você as deseja:
    <a href="#" title="${bundle.navigation_help}"
    id="help_menu" class="jazz-ui-MenuPopup"> 
    	<span class="sprite-image help-menu"></span>
    	<img class="caret"
    src="${pageContext.request.contextPath}/javascript/dojo/jazz/ui/graphics/Toolbar/white-caret.gif">
    </a>
    <script type="text/javascript">
    	dojo.addOnLoad(function() {
    	dojo.require("jazz.ui.MenuPopup");
    	dojo.require("jazz.app._ComponentMenu");
    	dojo.addOnLoad(function() {
    	var helpMenu = new jazz.ui.MenuPopup({align: "right", cacheMenu:
    true},'help_menu'); //options,elementID
    	helpMenu.menuProvider = function() {
      	var menu = new jazz.app._ComponentMenu();
      	menu.addItemByArgs({label: "${bundle.navigation_help_content}",
    icon:
    dojo.moduleUrl("jazz.ui","graphics/PageTemplate/icons/systemhelp.gif"),
    onClick: function()
    {window.open("${applicationScope.docPath}/index.jsp")} });
      	menu.addItemByArgs({label: "${bundle.navigation_extensions}",
    icon:
    dojo.moduleUrl("ram","graphics/content/icons/extensions_obj.gif"),
    href: "${pageContext.request.contextPath}/extensions.jsp"});
      	menu.addItemByArgs({label: "${bundle.navigation_about}", icon:
    dojo.moduleUrl("ram","graphics/content/icons/ram_obj.gif"),  onClick:
    showAboutDialog });
      	return menu;
    	};
    </script>  
    Se tiver transferido por download o tema padrão, será possível comparar as mudanças com relação à estrutura que está no arquivo header.jspf padrão.
  6. Salve as mudanças no arquivo header.jspf customizado.
  7. Compacte o tema em um archive.
  8. Na página Ferramentas, na seção Gerenciar Tema, clique em Navegar.
  9. Selecione o archive customizado.
  10. Clique em Upload.

O que Fazer Depois

Várias das folhas de estilo para o banner foram removidas do archive do tema. É possível visualizar as regras de estilos padrão no arquivo PageTemplate.css e criar sua própria folha de estilo para substituir esses estilos. O local padrão para o arquivo PageTemplate.css é server/ram/javascript/dojo/jazz/ui/templates/PageTemplate.css.

Feedback