Creazione di una schermata di accesso creating-a-new-login-screen

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, Forms Manager e AEM Forms Workspace.

Prerequisito prerequisite

  1. Accedere a /lc/crx/de con le autorizzazioni di amministratore.

  2. Effettua le seguenti azioni:

    1. Replica la struttura gerarchica: di /libs/livecycle/core/content alle /apps/livecycle/core/content.

      Gestisci le stesse proprietà (nodo/cartella) e il controllo degli accessi.

    2. Copia la cartella dei contenuti:

      da: /libs/livecycle/core

      a: /apps/livecycle/core.

    3. Eliminare il contenuto della cartella /apps/livecycle/core.

  3. Eseguire le azioni riportate di seguito.

    1. Replica la struttura gerarchica: di /libs/livecycle/core/components/login alle /apps/livecycle/core/components/login. Gestisci le stesse proprietà (nodo/cartella) e il controllo degli accessi.

    2. Copia la cartella dei componenti: da /libs/livecycle/core a /apps/livecycle/core.

    3. Eliminare il contenuto della cartella: /apps/livecycle/core/components/login.

Aggiunta di una nuova lingua adding-a-new-locale

  1. Copia la cartella i18n:

    • da /libs/livecycle/core/components/login
    • a /apps/livecycle/core/components/login
  2. Eliminare tutte le cartelle in i18n tranne una, ad esempio en.

  3. Nella cartella en eseguire le azioni seguenti:

    1. Rinominare la cartella con il nome delle impostazioni internazionali che si desidera supportare. Ad esempio, ar.

    2. Modificare il valore della proprietà jcr:language in ar(per la cartella ar).

    note note
    NOTE
    Se la lingua è una combinazione di codice lingua-paese, 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. Modificare il seguente frammento di codice per /apps/livecycle/core/components/login/login.jsp:

    La lingua è codice lingua

    code language-jsp
    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

    code language-jsp
    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;
            }
        }
    
    code language-jsp
    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

    code language-jsp
    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 locali 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 adding-new-text-or-modifying-existing-text

  1. Copia cartella i18n:

    • da /libs/livecycle/core/components/login
    • a /apps/livecycle/core/components/login
  2. Modificare 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 eseguita tramite la chiave indicata nel valore della proprietà sling:key del nodo.

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

    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. Modificare /apps/livecycle/core/components/login/login.jsp per incorporare il testo appena aggiunto.

    Aggiungi nuova coppia chiave-valore

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

Aggiunta di un nuovo stile o modifica di uno stile esistente adding-new-style-or-modifying-existing-style

  1. Copia nodo login:

    • da /libs/livecycle/core/content
    • a /apps/livecycle/core/content
  2. Elimina i 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. Modificare /apps/livecycle/core/components/login/login.jsp per incorporare gli stili appena aggiunti.

Ad esempio:

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

    code language-none
    css.newLoginContentArea {
        width: 700px;
        padding: 100px 0px 0px 100px;
    }
    
  • Modificare quanto segue in /apps/livecycle/core/components/login.jsp.

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

    A

    code language-jsp
    <div class="newLoginContentArea">
    
NOTE
Se le immagini esistenti in /apps/livecycle/core/content/login (copiate da /libs/livecycle/core/content/login) vengono rimosse, rimuovere i riferimenti corrispondenti in CSS.

Aggiungere nuove immagini add-new-images

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

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

    1. Installare il client WebDAV.

    2. Passare alla cartella /apps/livecycle/core/content/login utilizzando il client WebDAV. Per ulteriori informazioni, vedere Accesso WebDAV.

    3. Aggiungere nuove immagini.

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

  4. Usa i nuovi stili in login.jsp alle /apps/livecycle/core/components.

    Ad Esempio:

    code language-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.
    code language-jsp
    <div class="loginContainerBkg">
    

    A

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