Show Menu
主题×

创建新登录屏幕

您可以修改使用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. 将文件夹重命名为要支持的区域设置名称。 For example, ar .
    2. 将属性 jcr:language 值更 ar 改为(对于文 ar 件夹)。
    如果区域设置是语言——国家/地区代码组合, 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"></code>
                        <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></code>
                        <span class="loginTitle"><%= i18n.get("Login") %></code>
                        <% if (loginFailed) {%>
    
    To
    
    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. Copy login node:
    • 起始日期: /libs/livecycle/core/content
    • /apps/livecycle/core/content
  2. 从节 login.js 点删 jquery-1.8.0.min.js 除文件和 /apps/livecycle/core/content/login.
  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. 使用中的新样 login.jsp /apps/livecycle/core/components
  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">