创建登录屏幕 creating-a-new-login-screen
您可以修改所有使用AEM Forms登录屏幕的AEM Forms模块的登录屏幕。 例如,修改会同时影响Forms Manager和AEM Forms工作区的登录屏幕。
先决条件 prerequisite
-
登录于
/lc/crx/de
具有管理员权限。 -
执行以下操作:
-
复制分层结构:
/libs/livecycle/core/content
在/apps/livecycle/core/content
.维护相同的(节点/文件夹)属性和访问控制。
-
复制内容文件夹:
从:
/libs/livecycle/core
至:
/apps/livecycle/core
. -
删除内容
/apps/livecycle/core
文件夹。
-
-
执行以下操作:
-
复制分层结构:
/libs/livecycle/core/components/login
在/apps/livecycle/core/components/login
. 维护相同的(节点/文件夹)属性和访问控制。 -
从复制组件文件夹:
/libs/livecycle/core
到/apps/livecycle/core
. -
删除文件夹的内容:
/apps/livecycle/core/components/login
.
-
添加新区域设置 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
:
区域设置是语言代码
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++)
添加新文本或修改现有文本 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-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) {%>
收件人
code language-jsp 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) {%>
-
添加新样式,或修改现有样式 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
.
css.newLoginContentArea {
width: 700px;
padding: 100px 0px 0px 100px;
}
-
在中修改以下内容
/apps/livecycle/core/components/login.jsp
.code language-jsp <div class="loginContentArea">
收件人
code language-jsp <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客户端。 有关更多信息,请参阅 WebDAV访问. -
添加新图像。
-
-
在中添加新样式
/apps/livecycle/core/content/login/login.css,
对应于在中添加的新图像/apps/livecycle/core/content/login
. -
在中使用新样式
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">