AEM Forms工作區自訂的一般步驟

存取https://'[server]:[port]'/lc/crx/de/index.jsp以登入CRXDE Lite。

在/apps建立名為ws的sling:Folder資料夾（如果不存在）。 若要建立sling:Folder資料夾，請在apps資料夾上按一下滑鼠右鍵，然後選取​ 建立 > 建立節點。 將名稱指定為ws，選取型別為sling:Folder，然後按一下​ 確定。 按一下​ 「儲存全部」。

瀏覽至/apps/ws，並瀏覽至​ 存取控制 ​標籤。

選取​ 存放庫 ​選項。 在​ 存取控制 ​清單中，按一下​ + ​以新增專案。 再按一下​ +。

搜尋並選取​ PERM_WORKSPACE_USER ​主體。

將jcr:read許可權授與主體。

按一下​ 「儲存全部」。

將GET.jsp、index和html.jsp檔案從/libs/ws資料夾複製到/apps/ws資料夾。

複製/apps/ws資料夾中的/libs/ws/locales資料夾。 按一下​ 「儲存全部」。

更新GET.jsp檔案中的參照和相對路徑，如下所示，然後按一下[儲存全部]。​

<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

請對CSS自訂執行下列動作：

1. 瀏覽至/apps/ws資料夾，並建立名為css的資料夾。

2. 在css資料夾中，建立名為newStyle.css的檔案。

3. 開啟/apps/ws/html.jsp並變更來源

<link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>

至

<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>

NOTE

將使用者定義的CSS檔案專案放在style.css專案之後，如上所示。

在/apps/ws/html.jsp檔案中，從

<script data-main="js/main" src="js/libs/require/require.js"></script>

至

<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

請執行下列動作：

1. 在/apps/ws建立名為js的資料夾。 按一下​ 「儲存全部」。

2. 在/apps/ws/js建立名為libs的資料夾。 按一下​ 「儲存全部」。

3. 將/libs/ws/js/libs/jqueryui資料夾複製到/apps/ws/js/libs。 按一下​ 「儲存全部」。

請針對HTML自訂執行以下動作：

1. 在/apps/ws/js下，建立名為runtime的資料夾。 按一下​ 「儲存全部」。

2. 在/apps/ws/js/runtime下，建立名為templates的資料夾。 按一下​ 「儲存全部」。

3. 將/libs/ws/js/main.js複製到/apps/ws/js/main.js。

4. 將/libs/ws/js/registry.js複製到/apps/ws/js/registry.js。

按一下「儲存全部​ 」，清除快取，然後重新整理AEM Forms工作區。

存取URL https://'[server]:[port]'/lc/ws並使用管理員/密碼認證登入。 瀏覽器重新導向至https://'[server]:[port]'/lc/apps/ws/index.html。