DocumentatieAEM 6.4Gids voor formulieren

Een nieuw aanmeldingsscherm maken creating-a-new-login-screen

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

Gemaakt voor:

  • User
CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

U kunt het aanmeldingsscherm wijzigen van alle AEM Forms-modules die het AEM Forms-aanmeldingsscherm gebruiken. De wijzigingen zijn bijvoorbeeld van invloed op het aanmeldingsscherm van zowel de Forms Manager- als de AEM Forms-werkruimte.

Vereiste prerequisite

  1. Aanmelden bij /lc/crx/de met beheerdersmachtigingen.

  2. Voer de volgende handelingen uit:

    1. Repliceer de hiërarchische structuur: van /libs/livecycle/core/content om /apps/livecycle/core/content. Handhaaf de zelfde (knoop/omslag) eigenschappen en toegangsbeheer.
    2. Kopieer de inhoudsmap: van /libs/livecycle/core tot /apps/livecycle/core.
    3. De inhoud van /apps/livecycle/core map.

  3. Voer de volgende handelingen uit:

    1. Repliceer de hiërarchische structuur: van /libs/livecycle/core/components/login om /apps/livecycle/core/components/login. Handhaaf de zelfde (knoop/omslag) eigenschappen en toegangsbeheer.
    2. Kopieer de map met componenten: van /libs/livecycle/core tot /apps/livecycle/core.
    3. Verwijder de inhoud van de map: /apps/livecycle/core/components/login.

Een nieuwe landinstelling toevoegen adding-a-new-locale

  1. Kopieer de i18n map:

    • Van /libs/livecycle/core/components/login
    • tot /apps/livecycle/core/components/login

  2. Alle mappen in de map verwijderen i18n op één na, zeg en.

  3. In de map en, voert de volgende handelingen uit:

    1. Wijzig de naam van de map in de naam van de landinstelling die u wilt ondersteunen. Bijvoorbeeld, ar.
    2. De eigenschap wijzigen jcr:language waarde aan ar(voor de ar map).
    note note
    NOTE
    Als locale een combinatie van taal- en landcode is, bijvoorbeeld ar-DZWijzig vervolgens de mapnaam en de eigenschapswaarde in ar-DZ.

  4. Kopiëren login.jsp:

    • Van /libs/livecycle/core/components/login
    • tot /apps/livecycle/core/components/login

  5. Het volgende codefragment wijzigen voor /apps/livecycle/core/components/login/login.jsp:

    Landinstelling is taalcode

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

    Landinstelling is taalcode

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

    Standaardlandinstelling wijzigen

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

Nieuwe tekst toevoegen of bestaande tekst wijzigen adding-new-text-or-modifying-existing-text

  1. Kopiëren i18n map:

    • Van /libs/livecycle/core/components/login
    • tot /apps/livecycle/core/components/login

  2. Wijzig nu de waarde van de eigenschap sling:message van het knooppunt (in de gewenste map met landinstellingscodes) waarvoor u de tekst wilt wijzigen. Vertaling gebeurt via de sleutel die wordt vermeld in de waarde van sling:key eigenschap van het knooppunt.

  3. Voer de volgende handelingen uit voor het toevoegen van een nieuw sleutelwaardepaar. Controleer een voorbeeld in het volgende schermafbeelding.

    1. Een knooppunt van het type maken sling:MessageEntryof kopieer een bestaand knooppunt en wijzig de naam ervan in alle mappen voor landinstellingen.

    2. Kopiëren login.jsp :

      • Van /libs/livecycle/core/components/login
      • tot /apps/livecycle/core/components/login

    3. Wijzigen /apps/livecycle/core/components/login/login.jsp om de toegevoegde tekst op te nemen.

    vastleggen

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

Nieuwe stijl toevoegen of bestaande stijl wijzigen adding-new-style-or-modifying-existing-style

  1. Kopiëren login knooppunt:

    • Van /libs/livecycle/core/content
    • tot /apps/livecycle/core/content

  2. Bestanden verwijderen login.js en jquery-1.8.0.min.js, van het knooppunt /apps/livecycle/core/content/login.

  3. Wijzig de stijlen in het CSS-bestand.

  4. Nieuwe stijlen toevoegen:

    1. Nieuwe stijlen toevoegen aan /apps/livecycle/core/content/login/login.css

    2. Kopiëren login.jsp

      • Van /libs/livecycle/core/components/login
      • tot /apps/livecycle/core/components/login

    3. Wijzigen /apps/livecycle/core/components/login/login.jsp om de toegevoegde stijlen op te nemen.

  5. Bijvoorbeeld:

    • Voeg het volgende toe aan /apps/livecycle/core/content/login/login.css.
    code language-css 
    .newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}
    • Ga als volgt te werk in /apps/livecycle/core/components/login.jsp.
    code language-none 
    <div class="loginContentArea">

To

<div class="newLoginContentArea">
NOTE
Als de bestaande afbeeldingen in /apps/livecycle/core/content/login (gekopieerd van /libs/livecycle/core/content/login) worden verwijderd en verwijderen vervolgens de bijbehorende verwijzingen in CSS.

Nieuwe afbeeldingen toevoegen add-new-images

  1. Voer de stappen uit om een nieuwe stijl toe te voegen of bestaande stijl te wijzigen (zoals hierboven beschreven).

  2. Nieuwe afbeeldingen toevoegen in /apps/livecycle/core/content/login. Afbeelding toevoegen:

    1. WebDAV-client installeren.
    2. Navigeren naar /apps/livecycle/core/content/login map, met webDAV-client. Zie voor meer informatie: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html.
    3. Voeg nieuwe afbeeldingen toe.

  3. Nieuwe stijlen toevoegen in /apps/livecycle/core/content/login/login.css, komt overeen met nieuwe afbeeldingen die zijn toegevoegd in /apps/livecycle/core/content/login.

  4. De nieuwe stijlen gebruiken in login.jsp om /apps/livecycle/core/components.

  5. Bijvoorbeeld:

    • Voeg het volgende toe aan /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;
}
    • Ga als volgt te werk 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