Criando uma nova 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.

    Adicionar novo par de valor-chave

    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">
    
OBSERVAÇÃO

Se as imagens existentes no /apps/livecycle/core/content/login (copiado de /libs/livecycle/core/content/login) são removidos e, em seguida, remova as referências correspondentes no CSS.

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">

Nesta página