DocumentaciónAEM 6.5Guía del usuario

Creación de una pantalla de inicio de sesión creating-a-new-login-screen

Last update: Fri Jun 21 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Usuario
  • Desarrollador

Puede modificar la pantalla de inicio de sesión de todos los módulos de AEM Forms que utilizan la pantalla de inicio de sesión de AEM Forms. Por ejemplo, las modificaciones afectan a la pantalla de inicio de sesión de Forms Manager y de AEM Forms Workspace.

Requisitos previos prerequisite

  1. Iniciar sesión en /lc/crx/de con permisos de administrador.

  2. Realice las siguientes acciones:

    1. Duplique la estructura jerárquica: de /libs/livecycle/core/content en /apps/livecycle/core/content.

      Mantenga las mismas propiedades (nodo/carpeta) y control de acceso.

    2. Copie la carpeta de contenido:

      de: /libs/livecycle/core

      hasta: /apps/livecycle/core.

    3. Elimine el contenido de la carpeta /apps/livecycle/core.

  3. Realice estas acciones:

    1. Duplique la estructura jerárquica: de /libs/livecycle/core/components/login en /apps/livecycle/core/components/login. Mantenga las mismas propiedades (nodo/carpeta) y control de acceso.

    2. Copie la carpeta de componentes: de /libs/livecycle/core a /apps/livecycle/core.

    3. Elimine el contenido de la carpeta: /apps/livecycle/core/components/login.

Agregue una configuración regional nueva adding-a-new-locale

  1. Copie la carpeta i18n:

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

  2. Elimine todas las carpetas dentro de i18n excepto una, digamos en.

  3. En la carpeta en, realice estas acciones:

    1. Cambie el nombre de la carpeta por el nombre de la configuración regional que desee admitir. Por ejemplo, ar.

    2. Cambie la propiedad jcr:language valor a ar (para la carpeta ar).

    note note
    NOTE
    Si la configuración regional es una combinación de código de país e idioma, por ejemplo, ar-DZ, cambie el nombre de la carpeta y el valor de la propiedad a ar-DZ.

  4. Copie login.jsp:

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

  5. Modifique el siguiente fragmento de código por /apps/livecycle/core/components/login/login.jsp:

La configuración regional es el código de 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;
        }
    }

A

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

A

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 cambiar la configuración regional predeterminada

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

   To

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

Agregar texto nuevo o modificar texto existente adding-new-text-or-modifying-existing-text

  1. Copie la carpeta i18n:

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

  2. Ahora modifique el valor de la propiedad sling:message del nodo (en la carpeta de código de configuración regional deseada) para el que desea cambiar el texto. La traducción se realiza mediante la clave mencionada en el valor de la propiedad sling:key del nodo.

  3. Para agregar un nuevo par clave-valor, realice las siguientes acciones. Mire el ejemplo en la siguiente captura de pantalla.

    1. Cree un nodo de tipo sling:MessageEntry o copie un nodo existente y renómbrelo, en todas las carpetas de configuración regional.

    2. Copie login.jsp :

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

      • hasta /apps/livecycle/core/components/login

    3. Modifique /apps/livecycle/core/components/login/login.jsp para incorporar el texto agregado recientemente.

    Agregar nuevo par clave-valor

    code language-jsp 
    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) {%>

    A

    code language-jsp 
    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) {%>

Agregar un estilo nuevo o modificar uno existente adding-new-style-or-modifying-existing-style

  1. Copie el nodo login:

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

  2. Elimine los archivos login.js y jquery-1.8.0.min.js, desde el nodo /apps/livecycle/core/content/login.

  3. Modifique los estilos del archivo CSS.

  4. Para agregar nuevos estilos:

    1. Agregue nuevos estilos a /apps/livecycle/core/content/login/login.css

    2. Copie login.jsp

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

      • hasta /apps/livecycle/core/components/login

    3. Modifique /apps/livecycle/core/components/login/login.jsp para incorporar los estilos recién agregados.

Por ejemplo:

  • Agregue lo siguiente a /apps/livecycle/core/content/login/login.css.
css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }

  • Modifique lo siguiente en /apps/livecycle/core/components/login.jsp.

    code language-jsp 
    <div class="loginContentArea">

    A

    code language-jsp 
    <div class="newLoginContentArea">
NOTE
Si se quitan las imágenes existentes en /apps/livecycle/core/content/login (copiado de /libs/livecycle/core/content/login) se quitarán las referencias correspondientes en CSS.

Agregar imágenes nuevas add-new-images

  1. Siga los pasos para agregar un estilo nuevo o modificar uno existente (documentados anteriormente).

  2. Agregar imágenes nuevas en /apps/livecycle/core/content/login. Para agregar una imagen:

    1. Instale el cliente WebDAV.

    2. Navegue hasta la carpeta /apps/livecycle/core/content/login, mediante el cliente webDAV. Para obtener más información, consulte Acceso a WebDAV.

    3. Agregar imágenes nuevas.

  3. Agregar estilos nuevos en /apps/livecycle/core/content/login/login.css, correspondiente a las imágenes nuevas agregadas en /apps/livecycle/core/content/login.

  4. Utilice los nuevos estilos en login.jsp en /apps/livecycle/core/components.

Por ejemplo:

.newLoginContainerBkg {

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

* Modifique lo siguiente en /apps/livecycle/core/components/login.jsp.

<div class="loginContainerBkg">

A

<div class="newLginContainerBkg">
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2