Erstellen eines neuen Anmeldungsbildschirms

Suchen
Experience Manager 6.2 Forms Benutzerhandbuch
Gilt für: Experience Manager 6.2 Forms

Sie sehen sich Hilfeinhalte der folgenden Version an:

Sie können den Anmeldungsbildschirm aller Module von AEM Forms ändern, die den AEM Forms-Anmeldungsbildschirm verwenden. Die Änderungen wirken sich beispielsweise auf den Anmeldungsbildschirm, den Formularmanager und AEM Forms aus.

Voraussetzung

  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 bei /apps/livecycle/core/content. Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei.
    2. Kopieren Sie den Inhalteordner: 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 bei /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

  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 außer 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. Beispielsweise ar.
    2. Ändern Sie den Wert der Eigenschaftjcr:language in ar (für den Ordner ar).

    Hinweis:

    Wenn das Gebietsschema eine Sprach- und Ländercodekombination ist, beispielsweise ar-DZ, ändern Sie den Ordnernamen und den Eigenschaftswert zu ar-DZ.

  4. Kopieren Sie login.jsp:

    • von /libs/livecycle/core/components/login
    • nach /apps/livecycle/core/components/login

  5. Ändern Sie das folgende Codefragment für /apps/livecycle/core/components/login/login.jsp:

    Gebietsschema ist Sprachcode

    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

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

    Standardgebietsschema ändern

    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 des vorhandenen Texts

  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. Zum Hinzufügen des neuen Schlüssel-Wert-Paars führen Sie die folgenden Schritte aus. Überprüfen Sie ein Beispiel auf dem darauffolgenden 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 Sie 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.
    Capture 
    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

  1. Kopieren Sie den Anmeldungs-Knoten:

    • 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. Neue Stile hinzufügen:

    1. Fügen Sie neue Stile zu /apps/livecycle/core/content/login/login.css hinzu.
    2. Kopieren Sie 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:

    • Fügen Sie Folgendes zu /apps/livecycle/core/content/login/login.css hinzu.
    .newLoginContentArea {
	width: 700px;
	padding: 100px 0px 0px 100px;
}
    • Ändern Sie Folgendes in /apps/livecycle/core/components/login.jsp.
    <div class="loginContentArea">

To

<div class="newLoginContentArea">

Hinweis:

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

  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. Bild hinzufügen:

    1. Installieren Sie den WebDAV-Client.
    2. Navigieren Sie mit einem WebDAV-Client zum Ordner /apps/livecycle/core/content/login. Weitere Informationen finden Sie unter: http://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 neuen Bildern in /apps/livecycle/core/content/login entsprechen.

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

  5. Beispiel:

    • Fügen Sie Folgendes zu /apps/livecycle/core/content/login/login.css hinzu.
    .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.
    <div class="loginContainerBkg">

To

<div class="newLginContainerBkg">

Dieses Werk unterliegt den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise   |   Online-Datenschutzrichtlinie

Region wählen

Durch Auswahl einer Region ändert sich die Sprache und ggf. der Inhalt auf Adobe.com.

Americas
Brasil
Canada - English
Canada - Français
Latinoamérica
México
United States
Europe, Middle East and Africa
Africa - English
België
Belgique
Belgium - English
Česká republika
Cyprus - English
Danmark
Deutschland
Eesti
España
France
Greece - English
Ireland
Israel - English
Italia
Latvija
Lietuva
Luxembourg - Deutsch
Luxembourg - English
Luxembourg - Français
Magyarország
Malta - English
Middle East and North Africa - English
Nederland
Norge
Österreich
Polska
Portugal
România
Schweiz
Slovenija
Slovensko
Suisse
Suomi
Sverige
Svizzera
Türkiye
United Kingdom
България
Россия
Україна
الشرق الأوسط وشمال أفريقيا - اللغة العربية
ישראל - עברית
Asia - Pacific
Australia
Hong Kong S.A.R. of China
India - English
New Zealand
Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) - English
中国
中國香港特別行政區
台灣
日本
한국
Commonwealth of Independent States
Includes Armenia, Azerbaijan, Belarus, Georgia, Kazakhstan, Kyrgyzstan, Moldova, Tajikistan, Turkmenistan, Ukraine, Uzbekistan