AEM Forms工作區自訂的一般步驟 generic-steps-for-aem-forms-workspace-customization
執行任何自訂的一般步驟為:
-
透過存取
https://[server]:[port]/lc/crx/de/index.jsp
. -
建立名為
ws
at/apps
,如果不存在。 按一下 全部儲存. -
瀏覽至
/apps/ws
,並導覽至 存取控制 標籤。 -
在 存取控制 清單,按一下 + 來添加新條目。 按一下 + 。
-
搜尋並選取 PERM_WORKSPACE_USER 校長。
-
提供
jcr:read
特權給承擔者。 -
按一下 全部儲存.
-
複製
GET.jsp
和html.jsp
檔案/libs/ws
檔案夾/apps/ws
檔案夾。 -
複製
/libs/ws/locales
檔案夾/apps/ws
檔案夾。 按一下 全部儲存. -
更新
GET.jsp
檔案,如下所示,然後按一下 全部儲存.code language-none <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
請針對CSS自訂執行下列動作:
- 導覽至
/apps/ws
資料夾和建立名為css
. - 在
css
資料夾,建立名為的新檔案newStyle.css
. - 開啟
/apps/ws/html
.jsp和更改
code language-css <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"/>
至
code language-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 note NOTE 將使用者定義的CSS檔案的項目置於newStyle.css的項目之後,如上所示。 - 導覽至
-
在/apps/ws/html.jsp檔案中,從
code language-css <script data-main="js/main" src="js/libs/require/require.js"></script>
至
code language-css <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
-
請執行下列動作:
- 建立名為
js
at/apps/ws
. 按一下 全部儲存. - 建立名為
libs
at/apps/ws/js
. 按一下 全部儲存. - 建立名為
jqueryui
at/apps/ws/js/libs
. 按一下 全部儲存. - 複製
/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js
to/apps/ws/js/libs/jqueryui
. 按一下 全部儲存.
- 建立名為
-
請針對HTML自訂執行下列動作:
- 在
/apps/ws/js
,建立名為runtime
. 按一下 全部儲存. - 在
/apps/ws/js/runtime
,建立名為templates
. 按一下 全部儲存. - 複製
/libs/ws/js/main.js
to/apps/ws/js/main.js
. - 將/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
.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da