Show Menu
ARGOMENTI×

Creazione di una nuova schermata di login

Potete modificare la schermata di login di tutti i moduli AEM Forms che utilizzano la schermata di login dei AEM Forms. Ad esempio, le modifiche influiscono sulla schermata di accesso dell’area di lavoro di 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:
    • da /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 :
    • da /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;
        }
    }

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

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:
    • da /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 :
      • da /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) {%>
    
    
    A
    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:
    • da /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
      • da /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.
Ad esempio:
  • Aggiungi quanto segue a /apps/livecycle/core/content/login/login.css .
css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }

  • Modificate quanto segue in /apps/livecycle/core/components/login.jsp .
    <div class="loginContentArea">
    
    
    A
    <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 .
Ad Esempio:
.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">

A
<div class="newLginContainerBkg">