Show Menu
THEMEN×

Erstellen eines neuen Anmeldungsbildschirms

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. Log in at /lc/crx/de with Administrator permissions.
  2. Führen Sie die folgenden Aktionen durch:
    1. Replizieren Sie die hierarchische Struktur: von /libs/livecycle/core/content at /apps/livecycle/core/content .
      Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei.
    2. Kopieren Sie den Inhaltsordner:
      von: /libs/livecycle/core
      in: /apps/livecycle/core .
    3. Delete the contents of /apps/livecycle/core folder.
  3. Führen Sie die folgenden Aktionen durch:
    1. Replizieren Sie die hierarchische Struktur: von /libs/livecycle/core/components/login at /apps/livecycle/core/components/login . Behalten Sie die Eigenschaften (Knoten/Ordner) und Zugriffssteuerung bei.
    2. Copy the components folder: from /libs/livecycle/core to /apps/livecycle/core .
    3. Delete the contents of the folder: /apps/livecycle/core/components/login .

Hinzufügen eines neuen Gebietsschemas

  1. Kopieren Sie den i18n Ordner:
    • von /libs/livecycle/core/components/login
    • in /apps/livecycle/core/components/login
  2. Delete all the folders inside i18n except one, say 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. Change the property jcr:language value to ar (for the ar folder).
    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
    • in /apps/livecycle/core/components/login
  5. Modify the following snippet of code for /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;
        }
    }

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. Ordner i18n kopieren:
    • von /libs/livecycle/core/components/login
    • in /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 login.jsp :
      • von /libs/livecycle/core/components/login
      • in /apps/livecycle/core/components/login
    3. Modify /apps/livecycle/core/components/login/login.jsp to incorporate the newly added text.
    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) {%>
    
    
    To
    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) {%>
    
    

Hinzufügen eines neuen Stils oder Ändern des vorhandenen Stils

  1. Copy login node:
    • von /libs/livecycle/core/content
    • in /apps/livecycle/core/content
  2. Löschen von Dateien login.js und jquery-1.8.0.min.js von der Node /apps/livecycle/core/content/login.
  3. Ändern Sie die Stile in der CSS-Datei.
  4. Neue Stile hinzufügen:
    1. Neue Stile Hinzufügen /apps/livecycle/core/content/login/login.css
    2. Kopieren login.jsp
      • von /libs/livecycle/core/components/login
      • in /apps/livecycle/core/components/login
    3. Modify /apps/livecycle/core/components/login/login.jsp to incorporate the newly added styles.
Beispiel:
  • Add the following to /apps/livecycle/core/content/login/login.css .
css.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">
    
    
If the existing images in /apps/livecycle/core/content/login (copied from /libs/livecycle/core/content/login ) are removed, then remove the corresponding references in CSS.

Fügen Sie neue Bilder hinzu

  1. Führen Sie die Schritte zum Hinzufügen eines neuen Stils oder zum Ändern des vorhandenen Stils aus (siehe oben).
  2. Add new images in /apps/livecycle/core/content/login . Bild hinzufügen:
    1. Installieren Sie den WebDAV-Client.
    2. Navigate to /apps/livecycle/core/content/login folder, using webDAV client. For more information, see: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html .
    3. Fügen Sie neue Bilder hinzu.
  3. Hinzufügen neue Stile in /apps/livecycle/core/content/login/login.css, Übereinstimmung mit neuen Bildern hinzugefügt in /apps/livecycle/core/content/login .
  4. Use the new styles in login.jsp at /apps/livecycle/core/components .
Beispiel:
.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">