建立登入畫面 creating-a-new-login-screen
您可以修改所有使用AEM Forms登入畫面的AEM Forms模組的登入畫面。 例如，修改會同時影響Forms Manager和AEM Forms工作區的登入畫面。
必備條件 prerequisite
-
以系統管理員許可權在
/lc/crx/de登入。 -
執行下列動作：
-
在
/apps/livecycle/core/content復寫/libs/livecycle/core/content的階層結構。維護相同的（節點/資料夾）屬性和存取控制。
-
複製內容資料夾：
從：
/libs/livecycle/core至：
/apps/livecycle/core。 -
刪除
/apps/livecycle/core資料夾的內容。
-
-
執行下列動作：
-
在
/apps/livecycle/core/components/login復寫/libs/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
- 從
-
從節點
/apps/livecycle/core/content/login.刪除檔案login.js和jquery-1.8.0.min.js -
修改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使用者端。
-
使用webDAV使用者端導覽至
/apps/livecycle/core/content/login資料夾。 如需詳細資訊，請參閱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">