Framework - Linha RM - Frame - Customizar tela de login do Portal RM

Tempo aproximado para leitura: 00:07:00 min

Dúvida
Como customizar a tela de login do Portal RM à partir da versão 12.1.32?

Ambiente
Framework - Linha RM - Frame - Versão 12.1.32 ou superiores

Solução
À partir da versão 12.1.32 a página de login do Portal Corpore.Net foi alterada, com isto para efetuar customizações na página deve-se realizar novas alterações na tela de login.

1- Alteração da logo do Portal RM:
Segue abaixo as orientações para realizar a alteração da logo do Portal:

• Na pasta C:\TOTVS\CorporeRM\Corpore.Net\Nova_Tela_Login\img foi adicionada a nova logo a ser utilizada:
  Insira uma nova imagem na pasta com o nome logo.png;
  
  
  
  
  
• Ao substituir a antigo logo pela nova logo a ser utilizada, reinicie o IIS e recarregue a página com o Ctrl+F5 e valide a nova customização.
  
  
  
  
  

2- Alterar textos da tela de Login do Portal RM:

Para a alteração de texto da tela de login do Portal RM, segue abaixo as orientações:

• No diretório C:\TOTVS\CorporeRM\Corpore.Net abra o arquivo Login.apsx com um editor de textos:
  
  
  
  
• Neste arquivo procure o texto da página ao qual deseja alterar:
  
  
  
  
• Realize as customizações que necessita e salve o arquivo.
  
  
  
  
• Após salvar o arquivo reinicie o IIS e depois que o Portal for iniciado novamente recarregue a página apertando o Ctrl+F5, sendo apresentada as alterações realizadas.
  
  
  
  
  

3- Customizar o CSS da tela de Login do Portal RM:

Para realizar as customizações de fontes, bordas e demais modificações no CSS da página de Login do Portal RM, será preciso criar um novo arquivo .css para que as customizações desejadas sejam aplicadas.
Observação: 
Estas alterações também podem ser realizadas diretamente do arquivo site.all.min.css, para a realização de customizações a esta tela de login, mas recomendamos que realize um backup do arquivo antes de qualquer alteração e que este seja personalizado por um programador web.

• No diretório C:\TOTVS\CorporeRM\Corpore.Net\Nova_Tela_Login\css crie o arquivo "customizeLogin.css".
  
  
  
  
• Após identificar os elementos ao qual deseja alterar, neste arquivo você irá definir todas as modificações ao qual necessita, para que sejam aplicadas estas customizações do CSS na página de Login do Portal RM.
  Como exemplo segue a modificação de cor de um elemento da página, este elemento pode ser verificado com o Modo Desenvolvedor do navegador:
  
  
• Identificando este elemento corretamente, vá ao arquivo "customizeLogin.css" e realize as customizações desejadas:
  
  
• Ao recarregar a página com o Ctrl+F5 as modificações serão já visualizadas.
  
  

4- Alteração background do Portal RM

• As orientações a seguir são referes a mudança da imagem do background (fundo) da tela de login do Portal RM, 
  
  
  

• No diretório "C:\TOTVS\CorporeRM\Corpore.Net\Nova_Tela_Login\css" crie uma nova pasta com o nome "image".
  
  
  
  
• Na pasta "Image", salve a imagem que será definida como background da tela de login do portal.        
  
  
• Acesse o ditatório "C:\TOTVS\CorporeRM\Corpore.Net\Nova_Tela_Login\css"  e abra o arquivo "site.all.min.css" com um editor de texto de sua preferência.  
  
  
  
  
• Dentro do arquivo "site.all.min.css", localize o componente ".login-page" e acrescente dentro do mesmo o seguinte parâmetro " background-image: url("image/Nome_da_imagem.extensão");  background-size: 100% 100%; " e salve a customização.
  
  
  
  
• Após a customização, a tela de login do portal RM ficará dessa forma: 
  
  
  
  

Importante

As customizações são de responsabilidade do cliente e orientamos que sejam realizadas com o auxilio de um programador web.