Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Informações
titleAtenção

Esta página foi revisada para considerar as novas configurações de server do fluig para a atualização 1.6.

Caso possua uma atualização anterior do fluig acesse: ARQ 065 - Personalização da página de login.

...

Deck of Cards
startHiddenfalse
effectDuration0.5
historyfalse
idPersonalizacao Login
effectTypefade
 
Card
defaulttrue
id1
labelPasso 1


  • Acesse o diretório [Instalação fluig]/repository/wcmdir/. Dentro dele, crie uma nova pasta chamada "customlogin".
 


Nota
titleAtenção

Caso as configurações do fluig tenham sido alteradas manualmente (por exemplo, para ambientes com alta disponibilidade), abra em um editor de texto o arquivo [Instalação fluig]/appserver/domain/configuration/domain.xml e localize nele a propriedade abaixo:

Bloco de código
<simple name="java:global/wcm/globalDataDir">

Neste parâmetro estará informado o caminho alternativo do diretório [Instalação fluig]/repository/wcmdir/.

Card
id2
labelPasso 2

  • Dentro dessa pasta recém criada, crie um arquivo chamado login.html. Nesse arquivo crie o fragmento de conteúdo HTML que será inserido na página de login.

Informações

O conteúdo do arquivo login.html será literalmente inserido dentro do HTML final da página de login, dentro de uma tag <DIV>, substituindo a logomarca. Portanto, não poderá conter as tags <HTML>, <BODY> ou <HEAD>.

  • Opcionalmente, crie na mesma pasta um arquivo chamado loginhead.html. Nesse arquivo crie conteúdo HTML que importa os JS/CSS que serão utilizados pela personalização.

Informações

O conteúdo do arquivo loginhead.html será literalmente inserido dentro do HTML final da página de login, dentro da tag <HEAD>, portanto deverá conter apenas tags que importam recursos como JS ou CSS.

  • Caso utilize recursos estáticos, copie-os dentro desta mesma pasta, como arquivos JS, CSS e imagens. Esses recursos estáticos estarão acessíveis abaixo da URL /portal/resources/customlogin/. 


Card
id3
labelMobile


  • Caso utilize o aplicativo Mobile, a personalização do login via Mobile pode ser feita da mesma forma. Basta criar os arquivo mlogin.html e mloginhead.html.

...



Exemplo de personalização

...

Alteração de logomarca e exibição de data.

 


Nota
titleImportante
  • Todos os arquivos utilizados no exemplo também estão disponíveis em http://git.fluig.com/. Para ver o exemplo vejo o arquivo login-personalizado do repositório Componentes.
  • A personalização da página de login pode ser feita apenas a partir da Atualização 1.5.5.

 

...