Een nieuw aanmeldingsscherm maken

Aanmelden bij /lc/crx/de met beheerdersmachtigingen.

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.

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.

Kopieer de i18n map:

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

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

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

Als locale een combinatie van taal- en landcode is, bijvoorbeeld ar-DZWijzig vervolgens de mapnaam en de eigenschapswaarde in ar-DZ.

Kopiëren login.jsp:

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

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

Landinstelling is taalcode

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

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

String browserLocale = "en";
for(int i=0; i<locales.length; i++)

To

String browserLocale = "ar";
for(int i=0; i<locales.length; i++)

Kopiëren i18n map:

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

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.

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.

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

Kopiëren login knooppunt:

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

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

Wijzig de stijlen in het CSS-bestand.

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.

Bijvoorbeeld:

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

.newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}

• Ga als volgt te werk in /apps/livecycle/core/components/login.jsp.

<div class="loginContentArea">

To

<div class="newLoginContentArea">

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

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.

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.

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

Bijvoorbeeld:

• Voeg het volgende toe aan /apps/livecycle/core/content/login/login.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.

<div class="loginContainerBkg">

To

<div class="newLginContainerBkg">