Etapas Manuais para Migrar Projetos com Arquivos Customizados

Após a migração, vários arquivos que podem potencialmente precisar de customização terão nomes com o seguinte formato: filename_version_bak. Isto foi feito de forma que você não perca suas customizações devido à migração.

Os projetos customizados podem requerer intervenção manual. Consulte Suporte do WebFacing para Múltiplos Navegadores para obter detalhes adicionais.

Determinados arquivos de exibição nos projetos criados antes da V7.5.0 podem precisar de reconversão após a migração para exibição no navegador Firefox, tais como campos DSPF usando valores de substituição .CURRENTVALUE ou .REF em suas configurações da web. É recomendado que uma nova conversão seja executada no projeto do WebFacing migrado. Para converter um recurso único, localize e selecione o arquivo de ajuda de DDS ou UIM na visualização Projetos do WebFacing. Para converter o projeto inteiro, localize e selecione o projeto na visualização Projetos do WebFacing. Clique com o botão direito do mouse e selecione Converter.

Se você customizou seu projeto do WebFacing, poderá precisar mesclar suas customizações a partir dos arquivos originais para o seguinte:
Nota: Se o projeto que está sendo migrado for um projeto da Web ativado por HATS/WebFacing, o projeto do HATS correspondente precisará ser migrado também.

Renderização de Estilos em Navegadores

Há algumas diferenças em como diferentes navegadores renderizam estilos. Várias alterações foram feitas nos estilos fornecidos pela IBM® para que eles funcionem no navegador Firefox. Se você criar um novo projeto do WebFacing, os estilos conterão essas alterações. Entretanto, se você migrar um projeto existente criado antes da V7.5.0 que usa um estilo fornecido pela IBM, os cinco arquivos que controlam o estilo sofrerão backup, se localizados, e serão substituídos pelos novos. Os cinco arquivos que controlam o estilo são:
  • stylename.css
  • appearea.css
  • PageBuilder.jsp
  • CmdKeys.jsp
  • MenuKeys.jsp (não disponível em todos os estilos)
É necessário comparar os arquivos de estilo novos e anteriores e mesclar quaisquer alterações que possa ter feito. Se não usar um estilo fornecido pela IBM, ou se tiveralterações de estilo adicionais, será necessário fazer essas alterações manualmente.
Para ver quais alterações foram feitas nos novos arquivos, compare os arquivos de estilo antigos com os arquivos atualizados. A lista a seguir mostra as alterações feitas:
  • Todos os valores devem ter unidades. No Internet Explorer, os valores são considerados como pixels, a menos que outro valor serja especificado. Por exemplo:
    .launchbutton
    {
     border-color:black;
     border-width:1px;
     text-align:right;
    }
  • Em alguns dos estilos fornecidos pela IBM, foi especificada uma sintaxe incorreta para as margens. O Internet Explorer tolerava a sintaxe, mas o Firefox não. Por exemplo, em stylename.css, margin : 0px,0px,0px,0px; foi alterado para remover as vírgulas: margin : 0px 0px 0px 0px;. Para margens em que as quatro margens tinham a mesma configuração, a alteração seria margin : 0px;.
  • As expressões CSS que eram válidas apenas para o Internet Explorer (mostradas em itálico no exemplo a seguir) foram removidas da classe .wf_layer e substituídas pela cor do plano de fundo do corpo (mostrado em negrito no exemplo a seguir):
    .wf_layer {
    		background-image:expression(document.body.currentStyle.backgroundImage);
    		background-color:expression(document.body.currentStyle.backgroundColor);
    		background-repeat:expression(document.body.currentStyle.backgroundRepeat);
    		background-attachment: expression(document.body.currentStyle.backgroundAttachment);
    		background-color: #E3C993; 
    	}
  • A notação cursor: hand; foi alterada para cursor: pointer;
Para permitir que aplicativos WebFacing sejam exibidos corretamente quando eles são renderizados usando um tipo de documento restrito, alterações adicionais foram feitas nos arquivos a seguir:
  • apparea.css:
    SPAN.wf_field  {
    		width: 100%;
    		border-style: none;
    		display: inline-block; //for all browsers
    		display: -moz-inline-block; //for Firefox 2}
    .scrollbarUpArrow {
    	background-color: transparent;
    	background-image: url("UpArrow.gif");
    	background-position: bottom;
    	background-repeat: no-repeat;
    	width: 16px;
    	height: 16px;
    }
    
    .scrollbarDownArrow {
    	background-color: transparent;
    	background-image: url("DownArrow.gif");
    	background-position: top;
    	background-repeat: no-repeat;
    	width: 16px;
    	height: 16px;
    }
    
    .scrollbarSlider {
    	background-color: #73a2bd;
    	background-image: url("CurrentSegment.gif");
    	background-repeat: repeat-y;
    }
    
    .scrollbarBackground {
    	background-color: transparent;
    	background-image: url("segment.gif");
    	width: 16px;
    	height: 100%;
    	background-repeat: repeat-y;
    }
  • PageBuilder.jsp
    A altura para determinados estilos nos quais os elementos da página devem preencher o espaço vertical foi incluída:
    <html <wf:lang text="lang="/> style="height:100%"> 
    <head>
    ...
    </head>
    <body style="height:100%">
    ...