建立新登錄螢幕

您可以修改使用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.jsjquery-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">
    
注意

如果/apps/livecycle/core/content/login(從/libs/livecycle/core/content/login複製)中的現有影像已移除,則移除CSS中的對應參照。

新增影像

  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">

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now