Erstellen eines neuen Anmeldungsbildschirms creating-a-new-login-screen
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
-
Melden Sie sich mit Administratorberechtigungen bei
/lc/crx/de
an. -
Führen Sie die folgenden Aktionen durch:
- Replizieren Sie die hierarchische Struktur von
/libs/livecycle/core/content
in/apps/livecycle/core/content
. Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei. - Kopieren Sie den Inhaltsordner: von
/libs/livecycle/core
nach/apps/livecycle/core
. - Löschen Sie den Inhalt des Ordners
/apps/livecycle/core
.
- Replizieren Sie die hierarchische Struktur von
-
Führen Sie die folgenden Aktionen durch:
- 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. - Kopieren Sie den Komponentenordner von
/libs/livecycle/core
nach/apps/livecycle/core
. - Löschen Sie den Inhalt des Ordners
/apps/livecycle/core/components/login
.
- Replizieren Sie die hierarchische Struktur von
Hinzufügen eines neuen Gebietsschemas adding-a-new-locale
-
Kopieren Sie den Ordner
i18n
:- von
/libs/livecycle/core/components/login
- nach
/apps/livecycle/core/components/login
- von
-
Löschen Sie alle Ordner in
i18n
bis auf einem, beispielsweiseen
. -
Mit dem Ordner
en
führen Sie diese Schritte durch:- Benennen Sie den Ordner nach dem Gebietsschema, das unterstützt werden soll. Beispiel:
ar
. - Ändern Sie den Wert der Eigenschaft
jcr:language
inar
(für den Ordnerar
).
note note NOTE Wenn das Gebietsschema eine Sprach- und Ländercodekombination ist, beispielsweise ar-DZ
, ändern Sie den Ordnernamen und den Eigenschaftswert zuar-DZ
. - Benennen Sie den Ordner nach dem Gebietsschema, das unterstützt werden soll. Beispiel:
-
Kopieren
login.jsp
:- von
/libs/livecycle/core/components/login
- nach
/apps/livecycle/core/components/login
- von
-
Ä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
-
Kopieren Sie den Ordner
i18n
:- von
/libs/livecycle/core/components/login
- nach
/apps/livecycle/core/components/login
- von
-
Ä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 Eigenschaftsling:key
des Knotens aufgeführt ist. -
Um ein neues Schlüssel-Wert-Paar hinzuzufügen, führen Sie die folgenden Aktionen aus. Überprüfen Sie ein Beispiel im folgenden Screenshot.
-
Erstellen Sie unter den Gebietsschemaordnern einen Knoten vom Typ
sling:MessageEntry
oder kopieren Sie einen vorhandenen Knoten und benennen Sie ihn um. -
Kopieren
login.jsp
:- von
/libs/livecycle/core/components/login
- nach
/apps/livecycle/core/components/login
- von
-
Ändern Sie
/apps/livecycle/core/components/login/login.jsp
, um den neu hinzugefügten Text einzubinden.
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
-
Kopieren Sie den Knoten
login
:- von
/libs/livecycle/core/content
- nach
/apps/livecycle/core/content
- von
-
Löschen Sie die Dateien
login.js
undjquery-1.8.0.min.js
vom Knoten/apps/livecycle/core/content/login.
-
Ändern Sie die Stile in der CSS-Datei.
-
So fügen Sie neue Stile hinzu:
-
Fügen Sie neue Stile zu
/apps/livecycle/core/content/login/login.css
hinzu -
Kopieren
login.jsp
- von
/libs/livecycle/core/components/login
- nach
/apps/livecycle/core/components/login
- von
-
Ändern Sie
/apps/livecycle/core/components/login/login.jsp
, um die neu hinzugefügten Stile einzubinden.
-
-
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">
- Hinzufügen von Folgendem zu
/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
-
Führen Sie die Schritte zum Hinzufügen eines neuen Stils oder Ändern des vorhandenen Stils durch (oben beschrieben).
-
Fügen Sie neue Bilder in
/apps/livecycle/core/content/login
hinzu. So fügen Sie ein Bild hinzu:- Installieren Sie den WebDAV-Client.
- 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. - Fügen Sie neue Bilder hinzu.
-
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. -
Verwenden Sie die neuen Stile in
login.jsp
unter/apps/livecycle/core/components
. -
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">
- Hinzufügen von Folgendem zu