Erstellen eines neuen Anmeldungsbildschirms creating-a-new-login-screen

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Sie können den Anmeldebildschirm aller AEM Forms-Module ändern, die den AEM Forms-Anmeldebildschirm verwenden. Beispielsweise wirken sich die Änderungen auf den Anmeldebildschirm von Forms Manager und AEM Forms Workspace aus.

Voraussetzung prerequisite

  1. Melden Sie sich mit Administratorberechtigungen bei /lc/crx/de an.

  2. Führen Sie die folgenden Aktionen durch:

    1. Replizieren Sie die hierarchische Struktur von /libs/livecycle/core/content in /apps/livecycle/core/content. Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei.
    2. Kopieren Sie den Inhaltsordner: von /libs/livecycle/core nach /apps/livecycle/core.
    3. Löschen Sie den Inhalt des Ordners /apps/livecycle/core.
  3. Führen Sie die folgenden Aktionen durch:

    1. Replizieren Sie die hierarchische Struktur von /libs/livecycle/core/components/login in /apps/livecycle/core/components/login. Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei.
    2. Kopieren Sie den Komponentenordner von /libs/livecycle/core nach /apps/livecycle/core.
    3. Löschen Sie den Inhalt des Ordners /apps/livecycle/core/components/login.

Hinzufügen eines neuen Gebietsschemas adding-a-new-locale

  1. Kopieren Sie den Ordner i18n:

    • von /libs/livecycle/core/components/login
    • nach /apps/livecycle/core/components/login
  2. Löschen Sie alle Ordner in i18n bis auf einem, beispielsweise en.

  3. Mit dem Ordner en führen Sie diese Schritte durch:

    1. Benennen Sie den Ordner nach dem Gebietsschema, das unterstützt werden soll. Beispiel: ar.
    2. Ändern Sie den Wert der Eigenschaft jcr:language in ar (für den Ordner ar).
    note note
    NOTE
    Wenn das Gebietsschema eine Sprach- und Ländercodekombination ist, beispielsweise ar-DZ, ändern Sie den Ordnernamen und den Eigenschaftswert zu ar-DZ.
  4. Kopieren login.jsp:

    • von /libs/livecycle/core/components/login
    • nach /apps/livecycle/core/components/login
  5. Ändern Sie das folgende Code-Fragment für /apps/livecycle/core/components/login/login.jsp:

    Gebietsschema ist Sprachcode

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

    Gebietsschema ist Sprach- und Ländercode

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

    So ändern Sie das Standardgebietsschema

    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++)
    

Hinzufügen von neuem Text oder Ändern von vorhandenem Text adding-new-text-or-modifying-existing-text

  1. Kopieren Sie den Ordner i18n:

    • von /libs/livecycle/core/components/login
    • nach /apps/livecycle/core/components/login
  2. Ändern Sie nun den Wert der Eigenschaft sling:message des Knotens (unter dem Codeordner des gewünschten Gebietsschemas) für den Sie den Text ändern möchten. Die Übersetzung wird mit dem Schlüssel durchgeführt, der im Wert der Eigenschaft sling:key des Knotens aufgeführt ist.

  3. Um ein neues Schlüssel-Wert-Paar hinzuzufügen, führen Sie die folgenden Aktionen aus. Überprüfen Sie ein Beispiel im folgenden Screenshot.

    1. Erstellen Sie unter den Gebietsschemaordnern einen Knoten vom Typ sling:MessageEntry oder kopieren Sie einen vorhandenen Knoten und benennen Sie ihn um.

    2. Kopieren login.jsp :

      • von /libs/livecycle/core/components/login
      • nach /apps/livecycle/core/components/login
    3. Ändern Sie /apps/livecycle/core/components/login/login.jsp, um den neu hinzugefügten Text einzubinden.

    erfassen

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

Hinzufügen eines neuen Stils oder Ändern des vorhandenen Stils adding-new-style-or-modifying-existing-style

  1. Kopieren Sie den Knoten login:

    • von /libs/livecycle/core/content
    • nach /apps/livecycle/core/content
  2. Löschen Sie die Dateien login.js und jquery-1.8.0.min.js vom Knoten /apps/livecycle/core/content/login.

  3. Ändern Sie die Stile in der CSS-Datei.

  4. So fügen Sie neue Stile hinzu:

    1. Fügen Sie neue Stile zu /apps/livecycle/core/content/login/login.css hinzu

    2. Kopieren login.jsp

      • von /libs/livecycle/core/components/login
      • nach /apps/livecycle/core/components/login
    3. Ändern Sie /apps/livecycle/core/components/login/login.jsp, um die neu hinzugefügten Stile einzubinden.

  5. Beispiel:

    • Hinzufügen von Folgendem zu /apps/livecycle/core/content/login/login.css.
    code language-css
    .newLoginContentArea {
     width: 700px;
     padding: 100px 0px 0px 100px;
    }
    
    • Ändern Sie Folgendes in /apps/livecycle/core/components/login.jsp.
    code language-none
    <div class="loginContentArea">
    
    To
    
    <div class="newLoginContentArea">
    
NOTE
Wenn die vorhandenen Bilder in /apps/livecycle/core/content/login (kopiert von /libs/livecycle/core/content/login) gelöscht sind, löschen Sie auch die entsprechenden Verweise in CSS.

Fügen Sie neue Bilder hinzu add-new-images

  1. Führen Sie die Schritte zum Hinzufügen eines neuen Stils oder Ändern des vorhandenen Stils durch (oben beschrieben).

  2. Fügen Sie neue Bilder in /apps/livecycle/core/content/login hinzu. So fügen Sie ein Bild hinzu:

    1. Installieren Sie den WebDAV-Client.
    2. Navigieren Sie mithilfe eines WebDAV-Clients zum Ordner /apps/livecycle/core/content/login. Weitere Informationen finden Sie unter https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
    3. Fügen Sie neue Bilder hinzu.
  3. Fügen Sie neue Stile in /apps/livecycle/core/content/login/login.css, hinzu, die den in /apps/livecycle/core/content/login hinzugefügten neuen Bildern entsprechen.

  4. Verwenden Sie die neuen Stile in login.jsp unter /apps/livecycle/core/components.

  5. Beispiel:

    • Hinzufügen von Folgendem zu /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;
    }
    
    • Ändern Sie Folgendes 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