Índice
Índice |
---|
outline | true |
---|
exclude | .*ndice |
---|
style | none |
---|
|
Guia de personalização
...
Para personalizar a página de login siga os passos a seguir:
Deck of Cards |
---|
startHidden | false |
---|
effectDuration | 0.5 |
---|
history | false |
---|
id | Personalizacao Login |
---|
effectType | fade |
---|
|
Card |
---|
default | true |
---|
id | 1 |
---|
label | Passo 1 |
---|
| - Acesse o diretório [Instalação fluig]Procure pela pasta {INSTALAÇÃO_FLUIG}/repository/wcmdir/. Dentro deladele, crie uma nova pasta chamada chamada "customlogin".
warning icon Nota |
---|
| 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}[Instalação fluig]/appserver/domain/configuration/domain.xml e procure localize nele pela a propriedade abaixo: Bloco de código |
---|
<simple name="java:global/wcm/globalDataDir"> |
Neste , neste parâmetro estará indicado informado o caminho alternativo ao caminho {INSTALAÇÃO_FLUIG}do diretório [Instalação fluig]/repository/wcmdir/. | |
Card |
---|
|
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.
Nota |
---|
| 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. Nota |
---|
| 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. Nota |
---|
| Esses recursos estáticos estarão acessíveis abaixo da URL "/portal/resources/customlogin/". |
|
Card |
---|
|
- 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
Criado os seguintes arquivos, em "/opt/fluig/repository/wcmdir/customlogin/".
1. Importe o arquivo JavaScript padrão do produto jquery.js e o JavaScript customizado login.js.
...