...
| Índice |
|---|
| outline | true |
|---|
| exclude | .*ndice |
|---|
| style | none |
|---|
|
...
Página de login personalizada
Todos os componentes da página de login
...
podem ser personalizados, basta que sejam alterados os arquivos indicados nesta documentação. As personalizações exigem que o responsável tenha os conhecimentos básicos em HTML, JavaScript e CSS.
| Nota |
|---|
|
Qualquer personalização realizada na plataforma é de responsabilidade do cliente, portanto não será avaliada pela equipe de atendimento. |
Passos para 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]/repository/wcmdir/. Dentro dele, crie uma nova pasta chamada "customlogin".
| 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]/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 |
|---|
|
| 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>. |
| 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 |
|---|
|
- 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
Primeiramente foram criados os arquivos descritos acima em "/opt/fluig/repository/wcmdir/customlogin/". Em seguida foram executados os seguintes procedimentos:
...