Creazione di una nuova schermata di accesso

Puoi modificare la schermata di accesso di tutti i moduli AEM Forms che utilizzano la schermata di accesso di AEM Forms. Ad esempio, le modifiche influiscono sulla schermata di accesso di, sia di Forms Manager che di AEM Forms workspace.

Prerequisito

1. Accedi a /lc/crx/de con autorizzazioni di amministratore.

2. Esegui 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. Copia la cartella del contenuto: da /libs/livecycle/core a /apps/livecycle/core.
   3. Elimina il contenuto di /apps/livecycle/core cartella.

3. Esegui 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. Copia la cartella dei componenti: da /libs/livecycle/core a /apps/livecycle/core.
   3. Elimina il contenuto della cartella: /apps/livecycle/core/components/login.

Aggiunta di una nuova impostazione internazionale

1. Copia il i18n cartella:

   • da /libs/livecycle/core/components/login
   • a /apps/livecycle/core/components/login

2. Elimina tutte le cartelle all'interno i18n tranne uno, dite en.

3. Sulla cartella en, esegui le seguenti operazioni:

   1. Rinomina la cartella con il nome delle impostazioni internazionali che desideri supportare. Esempio: ar.
   2. Modificare la proprietà jcr:language valore a ar(per ar cartella).
   NOTA

   Se le impostazioni internazionali sono una combinazione di codice paese lingua, ad esempio ar-DZ, quindi modifica 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. Modifica il seguente frammento di codice per /apps/livecycle/core/components/login/login.jsp:

   Le impostazioni internazionali sono codici 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;
           }
       }
   

   L’impostazione internazionale è un 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:

   • da /libs/livecycle/core/components/login
   • a /apps/livecycle/core/components/login

2. Ora modifica il valore della proprietà sling:message del nodo (nella cartella del codice locale desiderata) per il quale si desidera modificare il testo. La traduzione viene effettuata tramite la chiave menzionata nel valore di sling:key proprietà del nodo.

3. Per aggiungere una nuova coppia chiave-valore, esegui le seguenti operazioni. Controlla un esempio nella schermata seguente.

   1. Crea un nodo di tipo sling:MessageEntryoppure copia un nodo esistente e rinominalo, in tutte le cartelle locali.

   2. Copia login.jsp :

      • da /libs/livecycle/core/components/login
      • a /apps/livecycle/core/components/login

   3. Modifica /apps/livecycle/core/components/login/login.jsp incorporare il testo appena aggiunto.

   

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

Aggiunta di un nuovo stile o modifica di uno stile esistente

1. Copia login nodo:

   • da /libs/livecycle/core/content
   • a /apps/livecycle/core/content

2. Elimina file login.js e jquery-1.8.0.min.js, dal nodo /apps/livecycle/core/content/login.

3. Modifica 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. Modifica /apps/livecycle/core/components/login/login.jsp per incorporare gli stili appena aggiunti.

5. Ad esempio:

   • Aggiungi quanto segue a /apps/livecycle/core/content/login/login.css.

   .newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }
   

   • Modifica quanto segue in /apps/livecycle/core/components/login.jsp.

   <div class="loginContentArea">
   
   To
   
   <div class="newLoginContentArea">
   

Aggiungi nuove immagini

1. Segui i passaggi descritti in precedenza per aggiungere un nuovo stile o modificare lo stile esistente.

2. Aggiungi nuove immagini in /apps/livecycle/core/content/login. Per aggiungere un'immagine:

   1. Installa il client WebDAV.
   2. Passa a /apps/livecycle/core/content/login cartella, utilizzando il client webDAV. Per ulteriori informazioni, consulta: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
   3. Aggiungi nuove immagini.

3. Aggiungi nuovi stili in /apps/livecycle/core/content/login/login.css, corrispondente alle nuove immagini aggiunte in /apps/livecycle/core/content/login.

4. Utilizzare i nuovi stili in login.jsp a /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;
   }
   

   • Modifica quanto segue in /apps/livecycle/core/components/login.jsp.

   <div class="loginContainerBkg">
   
   To
   
   <div class="newLginContainerBkg">
   

Risorse Business.Adobe.com

Style System Personalized Communications Responsive Forms Content As A Service Version History Content Management System