Show Menu
ARGOMENTI×

Creazione di una nuova schermata di login

È possibile modificare la schermata di accesso di tutti i moduli AEM Forms che utilizzano la schermata di accesso di AEM Forms. Ad esempio, le modifiche interessano la schermata di accesso dell'area di lavoro Forms Manager e AEM Forms.

Prerequisito

  1. Effettuate l'accesso /lc/crx/de con le autorizzazioni di amministratore.
  2. Effettuare le seguenti operazioni:
    1. Replicare la struttura gerarchica: di /libs/livecycle/core/content a /apps/livecycle/core/content . Mantenere le stesse proprietà (nodo/cartella) e il controllo di accesso.
    2. Copiate la cartella del contenuto: da /libs/livecycle/core a /apps/livecycle/core .
    3. Eliminate il contenuto della /apps/livecycle/core cartella.
  3. Effettuare le seguenti operazioni:
    1. Replicare la struttura gerarchica: di /libs/livecycle/core/components/login a /apps/livecycle/core/components/login . Mantenere le stesse proprietà (nodo/cartella) e il controllo di accesso.
    2. Copiate la cartella dei componenti: da /libs/livecycle/core a /apps/livecycle/core .
    3. Eliminate il contenuto della cartella: /apps/livecycle/core/components/login .

Aggiunta di una nuova lingua

  1. Copiate la i18n cartella:
    • from /libs/livecycle/core/components/login
    • a /apps/livecycle/core/components/login
  2. Eliminate tutte le cartelle all'interno i18n tranne una, ad esempio en .
  3. Nella cartella en , effettuate le seguenti operazioni:
    1. Rinominare la cartella con il nome delle impostazioni internazionali da supportare. Esempio, ar .
    2. Modificate il valore della proprietà jcr:language in ar (per la ar cartella).
    Se l'impostazione internazionale è una combinazione di codice paese lingua, ad esempio ar-DZ , modificare il nome della cartella e il valore della proprietà in ar-DZ .
  4. Copia login.jsp :
    • from /libs/livecycle/core/components/login
    • a /apps/livecycle/core/components/login
  5. Modificate il frammento di codice seguente per /apps/livecycle/core/components/login/login.jsp :
    Lingua è il codice della lingua
    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;
            }
        }
    
    
    Lingua è il codice del paese della lingua
    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;
            }
        }
    
    
    Per modificare le impostazioni internazionali predefinite
    String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    
    To
    
    String browserLocale = "ar";
    for(int i=0; i<locales.length; i++)
    
    

Aggiunta di nuovo testo o modifica di testo esistente

  1. Copia i18n cartella:
    • from /libs/livecycle/core/components/login
    • a /apps/livecycle/core/components/login
  2. A questo punto, modificate il valore della proprietà sling:message del nodo (nella cartella del codice lingua desiderata) per il quale desiderate modificare il testo. La conversione viene eseguita tramite la chiave indicata nel valore della sling:key proprietà del nodo.
  3. Per aggiungere una nuova coppia chiave-valore, effettuare le seguenti operazioni. Controllate un esempio nello screenshot che segue.
    1. Creare un nodo di tipo sling:MessageEntry , o copiare un nodo esistente e rinominarlo, in tutte le cartelle delle impostazioni internazionali.
    2. Copia login.jsp :
      • from /libs/livecycle/core/components/login
      • a /apps/livecycle/core/components/login
    3. Modificate /apps/livecycle/core/components/login/login.jsp per incorporare il testo appena aggiunto.
    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) {%>
    
    To
    
    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) {%>
    
    

Aggiunta di nuovo stile o modifica di uno stile esistente

  1. Copy login node:
    • from /libs/livecycle/core/content
    • a /apps/livecycle/core/content
  2. Eliminare file login.js e jquery-1.8.0.min.js , dal nodo /apps/livecycle/core/content/login.
  3. Modificate gli stili nel file CSS.
  4. Per aggiungere nuovi stili:
    1. Aggiungi nuovi stili a /apps/livecycle/core/content/login/login.css
    2. Copia login.jsp
      • from /libs/livecycle/core/components/login
      • a /apps/livecycle/core/components/login
    3. Modificate /apps/livecycle/core/components/login/login.jsp per incorporare i nuovi stili aggiunti.
  5. Esempio:
    • Aggiungi quanto segue a /apps/livecycle/core/content/login/login.css .
    .newLoginContentArea {
     width: 700px;
     padding: 100px 0px 0px 100px;
    }
    
    
    • Modificate quanto segue in /apps/livecycle/core/components/login.jsp.
    <div class="loginContentArea">
    
    To
    
    <div class="newLoginContentArea">
    
    
Se le immagini esistenti in /apps/livecycle/core/content/login (copiate da /libs/livecycle/core/content/login ) vengono rimosse, rimuovete i riferimenti corrispondenti in CSS.

Aggiungere nuove immagini

  1. Seguire i passaggi per aggiungere nuovo stile o modificare lo stile esistente (documentato sopra).
  2. Aggiungere nuove immagini in /apps/livecycle/core/content/login . Per aggiungere un'immagine:
    1. Installare il client WebDAV.
    2. Andate alla /apps/livecycle/core/content/login cartella, utilizzando il client webDAV. Per ulteriori informazioni, vedi: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html .
    3. Aggiungete nuove immagini.
  3. Aggiungete nuovi stili in /apps/livecycle/core/content/login/login.css, base alle nuove immagini aggiunte in /apps/livecycle/core/content/login .
  4. Utilizzate i nuovi stili in login.jsp in /apps/livecycle/core/components .
  5. Ad Esempio:
    • Aggiungi quanto segue a /apps/livecycle/core/content/login/login.css
    .newLoginContainerBkg {
     background-image: url(my_Bg.gif);
     background-repeat: no-repeat;
     background-position: left top;
     width: 727px;
    }
    
    
    • Modificate quanto segue in /apps/livecycle/core/components/login.jsp.
    <div class="loginContainerBkg">
    
    To
    
    <div class="newLginContainerBkg">