Skapa en inloggningsskärm creating-a-new-login-screen

Du kan ändra inloggningsskärmen för alla AEM Forms-moduler som använder inloggningsskärmen för AEM Forms. Ändringarna påverkar till exempel inloggningsskärmen för både Forms Manager och AEM Forms.

Förutsättning prerequisite

  1. Logga in på /lc/crx/de med administratörsbehörighet.

  2. Gör följande:

    1. Replikera den hierarkiska strukturen: för /libs/livecycle/core/content/apps/livecycle/core/content.

      Behåll samma egenskaper (nod/mapp) och åtkomstkontroll.

    2. Kopiera innehållsmappen:

      från: /libs/livecycle/core

      till: /apps/livecycle/core.

    3. Ta bort innehållet i /apps/livecycle/core mapp.

  3. Utför följande åtgärder:

    1. Replikera den hierarkiska strukturen: för /libs/livecycle/core/components/login/apps/livecycle/core/components/login. Behåll samma egenskaper (nod/mapp) och åtkomstkontroll.

    2. Kopiera komponentmappen: från /libs/livecycle/core till /apps/livecycle/core.

    3. Ta bort innehållet i mappen: /apps/livecycle/core/components/login.

Lägga till en ny språkinställning adding-a-new-locale

  1. Kopiera i18n mapp:

    • från /libs/livecycle/core/components/login
    • till /apps/livecycle/core/components/login
  2. Ta bort alla mappar i i18n förutom en, säg en.

  3. I mappen enutför du följande åtgärder:

    1. Byt namn på mappen till det språknamn som du vill använda. Till exempel: ar.

    2. Ändra egenskapen jcr:language värde till ar(för ar mapp).

    note note
    NOTE
    Om språkinställningen är en kombination av språkkoder, till exempel ar-DZändrar du sedan mappnamnet och egenskapsvärdet till ar-DZ.
  4. Kopiera login.jsp:

    • från /libs/livecycle/core/components/login
    • till /apps/livecycle/core/components/login
  5. Ändra följande kodfragment för /apps/livecycle/core/components/login/login.jsp:

Språkinställningen är språkkod

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

Till

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

Till

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

Ändra standardspråk

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

   To

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

Lägga till ny text eller ändra befintlig text adding-new-text-or-modifying-existing-text

  1. Kopiera i18n mapp:

    • från /libs/livecycle/core/components/login
    • till /apps/livecycle/core/components/login
  2. Ändra nu värdet för egenskapen sling:message för noden (under den önskade språkkodsmappen) som du vill ändra texten för. Översättningen görs via nyckeln som anges i värdet av sling:key -egenskap för noden.

  3. Utför följande åtgärder om du vill lägga till ett nytt nyckelvärdepar. Markera ett exempel i skärmbilden som följer.

    1. Skapa en nod av typen sling:MessageEntry, eller kopiera en befintlig nod och ändra namn på den, under alla språkmappar.

    2. Kopiera login.jsp :

      • från /libs/livecycle/core/components/login

      • till /apps/livecycle/core/components/login

    3. Ändra /apps/livecycle/core/components/login/login.jsp för att lägga till den nya texten.

    Lägg till nytt nyckelvärdepar

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

    Till

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

Lägga till nytt format eller ändra befintligt format adding-new-style-or-modifying-existing-style

  1. Kopiera login nod:

    • från /libs/livecycle/core/content
    • till /apps/livecycle/core/content
  2. Ta bort filer login.js och jquery-1.8.0.min.js, från noden /apps/livecycle/core/content/login.

  3. Ändra formaten i CSS-filen.

  4. Så här lägger du till nya format:

    1. Lägg till nya format i /apps/livecycle/core/content/login/login.css

    2. Kopiera login.jsp

      • från /libs/livecycle/core/components/login

      • till /apps/livecycle/core/components/login

    3. Ändra /apps/livecycle/core/components/login/login.jsp om du vill använda de nya formaten.

Till exempel:

  • Lägg till följande i /apps/livecycle/core/content/login/login.css.
css.newLoginContentArea {
    width: 700px;
    padding: 100px 0px 0px 100px;
   }
  • Ändra följande i /apps/livecycle/core/components/login.jsp.

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

    Till

    code language-jsp
    <div class="newLoginContentArea">
    
NOTE
Om de befintliga bilderna i /apps/livecycle/core/content/login (kopierad från /libs/livecycle/core/content/login) tas bort och därefter tas motsvarande referenser bort i CSS.

Lägg till nya bilder add-new-images

  1. Följ stegen i Lägga till nytt format eller ändra befintligt format (dokumenteras ovan).

  2. Lägg till nya bilder i /apps/livecycle/core/content/login. Så här lägger du till bild:

    1. Installera WebDAV-klienten.

    2. Navigera till /apps/livecycle/core/content/login mapp med hjälp av webDAV-klienten. Mer information finns i WebDAV-åtkomst.

    3. Lägg till nya bilder.

  3. Lägg till nya format i /apps/livecycle/core/content/login/login.css, motsvarar nya bilder som lagts till i /apps/livecycle/core/content/login.

  4. Använd de nya formaten i login.jsp/apps/livecycle/core/components.

Exempel:

.newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}
* Ändra följande i /apps/livecycle/core/components/login.jsp.
<div class="loginContainerBkg">

Till

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