DocumentaçãoAEM 6.4Guia do Forms

Criação de uma nova tela de logon creating-a-new-login-screen

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • User
CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

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

Pré-requisitos prerequisite

  1. Faça 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 at /apps/livecycle/core/content. Mantenha as mesmas propriedades (nó/pasta) e o controle de acesso.
    2. Copie a pasta de conteúdo: from /libs/livecycle/core para /apps/livecycle/core.
    3. Excluir o conteúdo de /apps/livecycle/core pasta.

  3. Execute as seguintes ações:

    1. Replicar a estrutura hierárquica: de /libs/livecycle/core/components/login at /apps/livecycle/core/components/login. Mantenha as mesmas propriedades (nó/pasta) e o controle de acesso.
    2. Copie a pasta de componentes: from /libs/livecycle/core para /apps/livecycle/core.
    3. Exclua o conteúdo da pasta: /apps/livecycle/core/components/login.

Adicionar uma nova localidade adding-a-new-locale

  1. Copie o i18n pasta:

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

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

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

    1. Renomeie a pasta com o nome da localidade que deseja suportar. Por exemplo, ar.
    2. Alterar a propriedade jcr:language para arpara a ar pasta).
    note note
    NOTE
    Se a localidade for uma combinação de código de país de idioma, 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:

    A localidade é o código de idioma

    code language-none 
    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;
        }
    }

To

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;
        }
    }

    A localidade é o código do país do idioma

    code language-none 
    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;
        }
    }

To

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

    code language-none 
    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 adding-new-text-or-modifying-existing-text

  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 de código de local desejada) para o qual você deseja alterar o texto. A tradução é feita por meio da 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:MessageEntryou 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.

    captura

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

To

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

Adicionar novo estilo ou modificar o estilo existente adding-new-style-or-modifying-existing-style

  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, no 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.

  5. Por exemplo:

    • Adicione o seguinte a /apps/livecycle/core/content/login/login.css.
    code language-css 
    .newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}
    • Modifique o seguinte em /apps/livecycle/core/components/login.jsp.
    code language-none 
    <div class="loginContentArea">

To

<div class="newLoginContentArea">
NOTE
Se as imagens existentes em /apps/livecycle/core/content/login (copiado de /libs/livecycle/core/content/login) são removidas e, em seguida, removem as referências correspondentes em CSS.

Adicionar novas imagens add-new-images

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

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

    1. Instale o cliente WebDAV.
    2. Navegar para /apps/livecycle/core/content/login , 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 em /apps/livecycle/core/content/login/login.css, correspondendo a novas imagens adicionadas em /apps/livecycle/core/content/login.

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

  5. Por Exemplo:

    • Adicione o seguinte a /apps/livecycle/core/content/login/login.css
    code language-css 
    .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.
    code language-none 
    <div class="loginContainerBkg">

To

<div class="newLginContainerBkg">
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da