建立新登錄螢幕

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

必備條件

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

  2. 執行下列動作:

    1. 複製分層結構:/apps/livecycle/core/content的。 /libs/livecycle/core/content維護相同的(節點/資料夾)屬性和訪問控制。
    2. 複製內容資料夾:從/libs/livecycle/core/apps/livecycle/core
    3. 刪除/apps/livecycle/core資料夾的內容。
  3. 執行下列動作:

    1. 複製分層結構:/apps/livecycle/core/components/login的。 /libs/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;
            }
        }
    
    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;
            }
        }
    

    地區是語言 — 國家/地區代碼

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

    更改預設區域設定

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

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

  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以合併新添加的樣式。

  5. 例如:

    • 將下列內容新增至/apps/livecycle/core/content/login/login.css
    .newLoginContentArea {
     width: 700px;
     padding: 100px 0px 0px 100px;
    }
    
    • 在/apps/livecycle/core/components/login.jsp中修改以下內容。
    <div class="loginContentArea">
    
    To
    
    <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. /apps/livecycle/core/components使用login.jsp中的新樣式。

  5. 例如:

    • 將下列內容新增至/apps/livecycle/core/content/login/login.css
    .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">
    
    To
    
    <div class="newLginContainerBkg">
    

本頁內容