Criar uma tela de logon

Você pode modificar a tela de logon de todos os módulos do AEM Forms que usam a tela de logon do AEM Forms. Por exemplo, as modificações afetam a tela de logon do Forms Manager e da área de trabalho do AEM Forms.

Pré-requisitos

1. Fazer logon em /lc/crx/de com permissões de Administrador.

2. Execute as seguintes ações:

   1. Replicar a estrutura hierárquica: de /libs/livecycle/core/content em /apps/livecycle/core/content.

      Mantenha as mesmas propriedades (nó/pasta) e controle de acesso.

   2. Copie a pasta de conteúdo:

      de: /libs/livecycle/core

      para: /apps/livecycle/core.

   3. Excluir o conteúdo de /apps/livecycle/core pasta.

3. Execute estas ações:

   1. Replicar a estrutura hierárquica: de /libs/livecycle/core/components/login em /apps/livecycle/core/components/login. Mantenha as mesmas propriedades (nó/pasta) e controle de acesso.

   2. Copie a pasta de componentes: de /libs/livecycle/core para /apps/livecycle/core.

   3. Exclua o conteúdo da pasta: /apps/livecycle/core/components/login.

Adicionar um novo local

1. Copie o i18n pasta:

   • de /libs/livecycle/core/components/login
   • para /apps/livecycle/core/components/login

2. Excluir todas as pastas contidas i18n exceto um, digamos en.

3. Na pasta en, execute estas ações:

   1. Renomeie a pasta com o nome do local que você deseja que seja compatível. Por exemplo, ar.

   2. Alterar a propriedade jcr:language valor para ar(para o ar pasta).

   OBSERVAÇÃO

   Se o local for uma combinação de código de idioma e país, digamos, ar-DZ, em seguida, altere o nome da pasta e o valor da propriedade para ar-DZ.

4. Copiar login.jsp:

   • de /libs/livecycle/core/components/login
   • para /apps/livecycle/core/components/login

5. Modifique o seguinte trecho de código para /apps/livecycle/core/components/login/login.jsp:

Localidade é o código do idioma

String browserLocale = "en";

    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

Para

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("ar")) {
            browserLocale = "ar";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

String browserLocale = "en";

    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

Para

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().equalsIgnoreCase("ar-DZ")) {
            browserLocale = "ar-DZ";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

Para alterar a localidade padrão

   String browserLocale = "en";
   for(int i=0; i<locales.length; i++)

   To

   String browserLocale = "ar";
   for(int i=0; i<locales.length; i++)

Adição de novo texto ou modificação de texto existente

1. Copiar i18n pasta:

   • de /libs/livecycle/core/components/login
   • para /apps/livecycle/core/components/login

2. Agora modifique o valor da propriedade sling:message do nó (na pasta do código de localidade desejado) para o qual você deseja alterar o texto. A tradução é feita pela chave mencionada no valor de sling:key propriedade do nó.

3. Para adicionar um novo par de valor-chave, execute as seguintes ações. Verifique um exemplo na captura de tela a seguir.

   1. Criar um nó do tipo sling:MessageEntry, ou copie um nó existente e renomeie-o, em todas as pastas de localidade.

   2. Copiar login.jsp :

      • de /libs/livecycle/core/components/login

      • para /apps/livecycle/core/components/login

   3. Modificar /apps/livecycle/core/components/login/login.jsp para incorporar o texto recém-adicionado.

   

   div class="loginContent">
   
                       <span class="loginFlow"></code>
                       <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code>
                       <span class="loginTitle"><%= i18n.get("Login") %></code>
                       <% if (loginFailed) {%>
   

   Para

   div class="loginContent">
   
                       <span class="loginFlow"></code>
                       <span class="loginVersion"><%= i18n.get("My Welcome Message") %></code>
                       <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code>
                       <span class="loginTitle"><%= i18n.get("Login") %></code>
                       <% if (loginFailed) {%>
   

Adicionar novo estilo ou modificar estilo existente

1. Copiar login nó:

   • de /libs/livecycle/core/content
   • para /apps/livecycle/core/content

2. Excluir arquivos login.js e jquery-1.8.0.min.js, do nó /apps/livecycle/core/content/login.

3. Modifique os estilos no arquivo CSS.

4. Para adicionar novos estilos:

   1. Adicionar novos estilos a /apps/livecycle/core/content/login/login.css

   2. Copiar login.jsp

      • de /libs/livecycle/core/components/login

      • para /apps/livecycle/core/components/login

   3. Modificar /apps/livecycle/core/components/login/login.jsp para incorporar os estilos recém-adicionados.

Por exemplo:

• Adicione o seguinte a /apps/livecycle/core/content/login/login.css.

css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }

• Modificar o seguinte em /apps/livecycle/core/components/login.jsp.

  <div class="loginContentArea">
  

  Para

  <div class="newLoginContentArea">
  

Adicionar novas imagens

1. Siga as etapas de Adicionar novo estilo ou modificar estilo existente (documentado acima).

2. Adicionar novas imagens no /apps/livecycle/core/content/login. Para adicionar uma imagem:

   1. Instale o cliente WebDAV.

   2. Navegue até /apps/livecycle/core/content/login pasta, usando o cliente webDAV. Para obter mais informações, consulte: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

   3. Adicione novas imagens.

3. Adicionar novos estilos no /apps/livecycle/core/content/login/login.css, correspondente às novas imagens adicionadas em /apps/livecycle/core/content/login.

4. Use os novos estilos no login.jsp em /apps/livecycle/core/components.

Por exemplo:

.newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}

* Modifique o seguinte em /apps/livecycle/core/components/login.jsp.

<div class="loginContainerBkg">

Para

<div class="newLginContainerBkg">