建立新登錄螢幕

您可以修改使用AEM Forms登入畫面的所有AEM Forms模組的登入畫面。 例如，這些修改會影響Forms Manager和AEM Forms工作區的登入畫面。

先決條件

1. 以管理員權限登入/lc/crx/de。

2. 執行下列動作：

   1. 複製分層結構：/libs/livecycle/core/content，位於/apps/livecycle/core/content。

      維護相同的（節點／資料夾）屬性和訪問控制。

   2. 複製內容資料夾：

      從: /libs/livecycle/core

      至: /apps/livecycle/core.

   3. 刪除/apps/livecycle/core資料夾的內容。

3. 執行下列動作：

   1. 複製分層結構：/libs/livecycle/core/components/login，位於/apps/livecycle/core/components/login。 維護相同的（節點／資料夾）屬性和訪問控制。

   2. 複製元件資料夾：從/libs/livecycle/core到/apps/livecycle/core。

   3. 刪除資料夾的內容：/apps/livecycle/core/components/login。

添加新區域設定

1. 複製i18n資料夾：

   • 從 /libs/livecycle/core/components/login
   • 至 /apps/livecycle/core/components/login

2. 刪除i18n內除一個資料夾外的所有資料夾，例如en。

3. 在資料夾en上，執行以下操作：

   1. 將資料夾更名為要支援的區域設定名稱。 例如，ar。

   2. 將屬性jcr:language值更改為ar（用於ar資料夾）。

   注意

   如果locale是語言——國家代碼組合，例如ar-DZ，則將資料夾名稱和屬性值更改為ar-DZ。

4. 複製 login.jsp:

   • 從 /libs/livecycle/core/components/login
   • 至 /apps/livecycle/core/components/login

5. 修改/apps/livecycle/core/components/login/login.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;
        }
    }

至

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

至

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

若要變更預設地區設定

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

   To

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

添加新文本或修改現有文本

1. 複製i18n資料夾：

   • 從 /libs/livecycle/core/components/login
   • 至 /apps/livecycle/core/components/login

2. 現在，修改要更改其文本的節點屬性sling:message的值（位於所需的區域設定代碼資料夾下）。 轉換是通過節點sling:key屬性值中提及的鍵完成的。

3. 要添加新的鍵值對，請執行以下操作。 請查看後續螢幕擷取中的範例。

   1. 建立類型sling:MessageEntry的節點，或複製現有節點，然後在所有區域設定資料夾下對其進行更名。

   2. 複製 login.jsp :

      • 從 /libs/livecycle/core/components/login

      • 至 /apps/livecycle/core/components/login

   3. 修改/apps/livecycle/core/components/login/login.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) {%>
   

   至

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

添加新樣式或修改現有樣式

1. 複製login節點：

   • 從 /libs/livecycle/core/content
   • 至 /apps/livecycle/core/content

2. 從節點/apps/livecycle/core/content/login.刪除檔案login.js和jquery-1.8.0.min.js

3. 修改CSS檔案中的樣式。

4. 若要新增樣式：

   1. 新增樣式至/apps/livecycle/core/content/login/login.css

   2. 複製 login.jsp

      • 從 /libs/livecycle/core/components/login

      • 至 /apps/livecycle/core/components/login

   3. 修改/apps/livecycle/core/components/login/login.jsp以合併新添加的樣式。

例如：

• 將下列內容新增至/apps/livecycle/core/content/login/login.css。

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

• 在/apps/livecycle/core/components/login.jsp中修改以下內容。

  <div class="loginContentArea">
  

  至

  <div class="newLoginContentArea">
  

新增影像

1. 請遵循「新增樣式」或修改現有樣式（如上所述）的步驟。

2. 在/apps/livecycle/core/content/login中新增影像。 若要新增影像：

   1. 安裝WebDAV用戶端。

   2. 使用webDAV客戶端導航到/apps/livecycle/core/content/login資料夾。 如需詳細資訊，請參閱：https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html。

   3. 新增影像。

3. 在/apps/livecycle/core/content/login/login.css,中新增與/apps/livecycle/core/content/login中新增影像對應的樣式。

4. 使用login.jsp中/apps/livecycle/core/components的新樣式。

例如：

.newLoginContainerBkg {

 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}

*在/apps/livecycle/core/components/login.jsp中修改下列內容。

<div class="loginContainerBkg">

至

<div class="newLginContainerBkg">