DocumentazioneAEM 6.4Guida di Forms

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

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • User
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

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 prerequisite

  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 adding-a-new-locale

  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).
    note note
    NOTE
    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

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

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

    code language-none 
    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 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.

    catturare

    code language-none 
    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 adding-new-style-or-modifying-existing-style

  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.
    code language-css 
    .newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}
    • Modifica quanto segue in /apps/livecycle/core/components/login.jsp.
    code language-none 
    <div class="loginContentArea">

To

<div class="newLoginContentArea">
NOTE
Se le immagini esistenti in /apps/livecycle/core/content/login (copiato da /libs/livecycle/core/content/login) vengono rimossi, quindi rimuovi i riferimenti corrispondenti in CSS.

Aggiungi nuove immagini add-new-images

  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
    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-none 
    <div class="loginContainerBkg">

To

<div class="newLginContainerBkg">
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da