DocumentatieAEM 6.5Handboek

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

Last update: Tue Nov 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Van toepassing op:
  • Experience Manager 6.5

Gemaakt voor:

  • Gebruiker
  • Ontwikkelaar

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. Meld u aan bij /lc/crx/de met beheerdersmachtigingen.

  2. Voer de volgende handelingen uit:

    1. Repliceer de hiërarchische structuur: van /libs/livecycle/core/content at /apps/livecycle/core/content .

      Handhaaf de zelfde (knoop/omslag) eigenschappen en toegangsbeheer.

    2. Kopieer de inhoudsmap:

      van: /libs/livecycle/core

      to: /apps/livecycle/core .

    3. Verwijder de inhoud van de map /apps/livecycle/core .

  3. Voer de volgende handelingen uit:

    1. Repliceer de hiërarchische structuur: van /libs/livecycle/core/components/login at /apps/livecycle/core/components/login . Handhaaf de zelfde (knoop/omslag) eigenschappen en toegangsbeheer.

    2. Kopieer de map components: van /libs/livecycle/core naar /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 map i18n :

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

  2. Verwijder alle mappen in i18n behalve één, dus bijvoorbeeld en .

  3. Voer in de map en de volgende handelingen uit:

    1. Wijzig de naam van de map in de naam van de landinstelling die u wilt ondersteunen. Bijvoorbeeld ar .

    2. Wijzig de eigenschap jcr:language value in ar (voor de map ar ).

    note note
    NOTE
    Als locale een taal-land codecombinatie is, bijvoorbeeld, ar-DZ, dan verander de omslagnaam en bezitswaarde in ar-DZ.

  4. Kopiëren login.jsp:

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

  5. Wijzig het volgende codefragment voor /apps/livecycle/core/components/login/login.jsp:

    Scène is taalcode

    code language-jsp 
    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;
        }
    }

    Naar

    code language-jsp 
    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;
        }
    }
    code language-jsp 
    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;
        }
    }

    Naar

    code language-jsp 
    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;
        }
    }

om Standaardscène te veranderen

   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. Map kopiëren i18n :

    • 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 landinstellingscode) waarvoor u de tekst wilt wijzigen. Vertaling wordt uitgevoerd via de sleutel die wordt vermeld in de waarde van de eigenschap sling:key van het knooppunt.

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

    1. Maak een knooppunt van het type sling:MessageEntry of kopieer een bestaand knooppunt en wijzig de naam ervan onder alle mappen voor landinstellingen.

    2. Copy login.jsp :

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

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

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

    voeg nieuw zeer belangrijk-waardepaar toe

    code language-jsp 
    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) {%>

    Naar

    code language-jsp 
    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) {%>

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

  1. Knooppunt login kopiëren:

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

  2. Bestanden login.js en jquery-1.8.0.min.js verwijderen uit 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. Wijzig /apps/livecycle/core/components/login/login.jsp om de zojuist toegevoegde stijlen op te nemen.

Bijvoorbeeld:

  • Voeg het volgende toe aan /apps/livecycle/core/content/login/login.css.

    code language-none 
    css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
}

  • Wijzig de volgende code in /apps/livecycle/core/components/login.jsp .

    code language-jsp 
    <div class="loginContentArea">

    Naar

    code language-jsp 
    <div class="newLoginContentArea">
NOTE
Als de bestaande afbeeldingen in /apps/livecycle/core/content/login (gekopieerd uit /libs/livecycle/core/content/login ) worden verwijderd, verwijdert u de bijbehorende verwijzingen in CSS.

Nieuwe afbeeldingen toevoegen add-new-images

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

  2. Voeg nieuwe afbeeldingen toe in /apps/livecycle/core/content/login . Afbeelding toevoegen:

    1. WebDAV-client installeren.

    2. Navigeer naar de map /apps/livecycle/core/content/login met de webDAV-client. Voor meer informatie, zie ​ Toegang WebDAV ​.

    3. Voeg nieuwe afbeeldingen toe.

  3. Voeg nieuwe stijlen toe in /apps/livecycle/core/content/login/login.css, die overeenkomen met nieuwe afbeeldingen die in /apps/livecycle/core/content/login zijn toegevoegd.

  4. Gebruik de nieuwe stijlen in login.jsp at /apps/livecycle/core/components .

    Bijvoorbeeld:

    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-jsp 
    <div class="loginContainerBkg">

    Naar

    code language-jsp 
    <div class="newLginContainerBkg">
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2