创建新的登录屏幕 creating-a-new-login-screen
您可以修改使用AEM Forms登录屏幕的所有AEM Forms模块的登录屏幕。 例如,修改会影响Forms Manager和AEM Forms工作区的登录屏幕。
先决条件 prerequisite
-
登录
/lc/crx/de
具有管理员权限。 -
执行以下操作:
- 复制分层结构:of
/libs/livecycle/core/content
at/apps/livecycle/core/content
. 维护相同(节点/文件夹)属性和访问控制。 - 复制内容文件夹:从
/libs/livecycle/core
to/apps/livecycle/core
. - 删除
/apps/livecycle/core
文件夹。
- 复制分层结构:of
-
执行以下操作:
- 复制分层结构:of
/libs/livecycle/core/components/login
at/apps/livecycle/core/components/login
. 维护相同(节点/文件夹)属性和访问控制。 - 复制组件文件夹:从
/libs/livecycle/core
to/apps/livecycle/core
. - 删除文件夹的内容:
/apps/livecycle/core/components/login
.
- 复制分层结构:of
添加新区域设置 adding-a-new-locale
-
复制
i18n
文件夹:- 从
/libs/livecycle/core/components/login
- 到
/apps/livecycle/core/components/login
- 从
-
删除内部的所有文件夹
i18n
除了一个,比如en
. -
在文件夹上
en
,执行以下操作:- 将文件夹重命名为要支持的区域设置名称。 例如:
ar
。 - 更改属性
jcr:language
值ar
(对于ar
文件夹)。
note note NOTE 如果区域设置是语言 — 国家/地区代码组合,例如, ar-DZ
,然后将文件夹名称和属性值更改为ar-DZ
. - 将文件夹重命名为要支持的区域设置名称。 例如:
-
复制
login.jsp
:- 从
/libs/livecycle/core/components/login
- 到
/apps/livecycle/core/components/login
- 从
-
修改以下代码片段
/apps/livecycle/core/components/login/login.jsp
:区域设置是语言代码
code language-none 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; } }
区域设置是语言国家/地区代码
code language-none 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; } }
更改默认区域设置
code language-none String browserLocale = "en"; for(int i=0; i<locales.length; i++) To String browserLocale = "ar"; for(int i=0; i<locales.length; i++)
添加新文本或修改现有文本 adding-new-text-or-modifying-existing-text
-
复制
i18n
文件夹:- 从
/libs/livecycle/core/components/login
- 到
/apps/livecycle/core/components/login
- 从
-
现在,修改资产的值
sling:message
要更改其文本的节点(位于所需的区域设置代码文件夹下)的。 翻译是通过sling:key
节点的属性。 -
要添加新的键值对,请执行以下操作。 请查看屏幕截图中的示例,该示例如下所示。
-
创建类型的节点
sling:MessageEntry
,或复制现有节点并对其重命名,位于所有区域设置文件夹下。 -
复制
login.jsp
:- 从
/libs/livecycle/core/components/login
- 到
/apps/livecycle/core/components/login
- 从
-
修改
/apps/livecycle/core/components/login/login.jsp
以合并新添加的文本。
code language-none 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) {%>
-
添加新样式或修改现有样式 adding-new-style-or-modifying-existing-style
-
复制
login
节点:- 从
/libs/livecycle/core/content
- 到
/apps/livecycle/core/content
- 从
-
删除文件
login.js
和jquery-1.8.0.min.js
,从节点/apps/livecycle/core/content/login.
-
修改CSS文件中的样式。
-
要添加新样式,请执行以下操作:
-
将新样式添加到
/apps/livecycle/core/content/login/login.css
-
复制
login.jsp
- 从
/libs/livecycle/core/components/login
- 到
/apps/livecycle/core/components/login
- 从
-
修改
/apps/livecycle/core/components/login/login.jsp
以整合新添加的样式。
-
-
例如:
- 将以下内容添加到
/apps/livecycle/core/content/login/login.css
.
code language-css .newLoginContentArea { width: 700px; padding: 100px 0px 0px 100px; }
- 在/apps/livecycle/core/components/login.jsp中修改以下内容。
code language-none <div class="loginContentArea"> To <div class="newLoginContentArea">
- 将以下内容添加到
/apps/livecycle/core/content/login
(复制自 /libs/livecycle/core/content/login
),然后删除CSS中的相应引用。添加新图像 add-new-images
-
按照添加新样式或修改现有样式的步骤操作(见上文)。
-
在
/apps/livecycle/core/content/login
. 要添加图像,请执行以下操作:- 安装WebDAV客户端。
- 导航到
/apps/livecycle/core/content/login
文件夹,使用webDAV客户端。 有关更多信息,请参阅: https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html. - 添加新图像。
-
在中添加新样式
/apps/livecycle/core/content/login/login.css,
对应于/apps/livecycle/core/content/login
. -
在中使用新样式
login.jsp
at/apps/livecycle/core/components
. -
例如:
- 将以下内容添加到
/apps/livecycle/core/content/login/login.css
code language-css .newLoginContainerBkg { background-image: url(my_Bg.gif); background-repeat: no-repeat; background-position: left top; width: 727px; }
- 在/apps/livecycle/core/components/login.jsp中修改以下内容。
code language-none <div class="loginContainerBkg"> To <div class="newLginContainerBkg">
- 将以下内容添加到