Création d’un écran de connexion

Vous pouvez modifier l’écran de connexion de tous les modules AEM Forms qui utilisent l’écran de connexion AEM Forms. Par exemple, les modifications affectent à la fois l’écran de connexion de Forms Manager et de l’espace de travail AEM Forms.

Condition requise

  1. Connectez-vous à /lc/crx/de avec les autorisations d’administrateur.

  2. Procédez comme suit :

    1. Répliquer la structure hiérarchique : de /libs/livecycle/core/content à /apps/livecycle/core/content.

      Conservez les mêmes propriétés (nœud/dossier) et contrôle d’accès.

    2. Copiez le dossier de contenu :

      de: /libs/livecycle/core

      vers: /apps/livecycle/core.

    3. Supprimez le contenu du dossier /apps/livecycle/core.

  3. Procédez comme suit :

    1. Répliquer la structure hiérarchique : de /libs/livecycle/core/components/login à /apps/livecycle/core/components/login. Conservez les mêmes propriétés (nœud/dossier) et contrôle d’accès.

    2. Copiez le dossier de composants : de /libs/livecycle/core à /apps/livecycle/core.

    3. Supprimez le contenu du dossier : /apps/livecycle/core/components/login.

Ajout d’un nouveau paramètre régional

  1. Copiez le dossier i18n :

    • de /libs/livecycle/core/components/login
    • vers /apps/livecycle/core/components/login
  2. Supprimez tous les dossiers à l'intérieur de i18n, à l'exception d'un, par exemple en.

  3. Sur le dossier en, procédez comme suit :

    1. Donnez au dossier le nom du paramètre régional que vous souhaitez prendre en charge. Par exemple, ar.

    2. Remplacez la valeur de propriété jcr:language par ar (pour le dossier ar).

    REMARQUE

    Si le paramètre régional est une combinaison de code langue-pays, tel que ar-DZ, modifiez le nom du dossier et la valeur de la propriété en ar-DZ.

  4. Copier login.jsp:

    • de /libs/livecycle/core/components/login
    • vers /apps/livecycle/core/components/login
  5. Modifiez le fragment de code suivant pour /apps/livecycle/core/components/login/login.jsp :

Le paramètre régional est un code de langue

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

À

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

Pour modifier le paramètre régional par défaut

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

   To

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

Ajout de nouveau texte ou modification du texte existant

  1. Copier le dossier i18n :

    • de /libs/livecycle/core/components/login
    • vers /apps/livecycle/core/components/login
  2. Modifiez la valeur de la propriété sling:message du nœud (sous le dossier du code du paramètre régional souhaité) pour laquelle vous souhaitez modifier le texte. La traduction est effectuée via la clé mentionnée dans la valeur de la propriété sling:key du nœud.

  3. Pour ajouter une nouvelle paire clé-valeur, effectuez les opérations suivantes : Vérifiez un exemple dans la capture d’écran qui suit.

    1. Créez un nœud de type sling:MessageEntry ou copiez un nœud existant et renommez-le, sous tous les dossiers de paramètres régionaux.

    2. Copier login.jsp :

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

      • vers /apps/livecycle/core/components/login

    3. Modifiez /apps/livecycle/core/components/login/login.jsp pour incorporer le texte qui vient d’être ajouté.

    Ajouter une nouvelle paire clé-valeur

    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) {%>
    

    À

    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) {%>
    

Ajout d’un nouveau style ou modification d’un style existant

  1. Copier le noeud login :

    • de /libs/livecycle/core/content
    • vers /apps/livecycle/core/content
  2. Supprimez les fichiers login.js et jquery-1.8.0.min.js du noeud /apps/livecycle/core/content/login..

  3. Modifiez les styles définis dans le fichier CSS.

  4. Pour ajouter de nouveaux styles :

    1. Ajouter de nouveaux styles à /apps/livecycle/core/content/login/login.css

    2. Copier login.jsp

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

      • vers /apps/livecycle/core/components/login

    3. Modifiez /apps/livecycle/core/components/login/login.jsp pour incorporer les styles récemment ajoutés.

Par exemple :

  • Ajoutez les éléments suivants sur /apps/livecycle/core/content/login/login.css.
css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }
  • Modifiez l’élément suivant dans /apps/livecycle/core/components/login.jsp.

    <div class="loginContentArea">
    

    À

    <div class="newLoginContentArea">
    
REMARQUE

Si les images existantes dans /apps/livecycle/core/content/login (copiées depuis /libs/livecycle/core/content/login) sont supprimées, supprimez les références correspondantes dans CSS.

Ajoutez de nouvelles images

  1. Suivez les étapes pour Ajouter un nouveau style ou modifier le style existant (décrites ci-dessus).

  2. Ajoutez de nouvelles images dans /apps/livecycle/core/content/login. Pour ajouter une image :

    1. Installez le client WebDAV.

    2. Accédez au dossier /apps/livecycle/core/content/login à l’aide du client webDAV. Pour plus d’informations, voir : https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.

    3. Ajoutez de nouvelles images.

  3. Ajoutez de nouveaux styles dans /apps/livecycle/core/content/login/login.css, correspondant aux nouvelles images ajoutées dans /apps/livecycle/core/content/login.

  4. Utilisez les nouveaux styles dans login.jsp à /apps/livecycle/core/components.

Par exemple :

.newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}
* Modifiez l’élément suivant dans /apps/livecycle/core/components/login.jsp.
<div class="loginContainerBkg">

À

<div class="newLginContainerBkg">

Sur cette page