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

執行任何自訂的一般步驟為:

  1. 透過存取 https://'[server]:[port]'/lc/crx/de/index.jsp.

  2. 建立 sling:Folder 資料夾已命名 ws at /apps,如果不存在。 建立 sling:Folder 資料夾,按一下右鍵 apps 資料夾和選取 建立 > 建立節點. 將名稱指定為 ws選取「 」作為 sling:Folder 按一下 確定. 按一下 全部儲存.

  3. 瀏覽至 /apps/ws,並導覽至 存取控制 標籤。

  4. 選取 存放庫 選項。 在 存取控制 清單,按一下 + 來添加新條目。 按一下 +

  5. 搜尋並選取 PERM_WORKSPACE_USER 校長。

    選取PERM_WORKSPACE_USER主體,作為自訂HTML工作區的一般步驟的一部分

  6. 提供 jcr:read 特權給承擔者。

  7. 按一下 全部儲存.

  8. 複製 GET.jsp, index,和 html.jsp 檔案 /libs/ws 檔案夾 /apps/ws 檔案夾。

  9. 複製 /libs/ws/locales 檔案夾 /apps/ws 檔案夾。 按一下 全部儲存.

  10. 更新 GET.jsp 檔案,如下所示,然後按一下 全部儲存.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. 請針對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"/>
    
    注意

    將使用者定義的CSS檔案的項目放置在style.css的項目之後,如上所示。

  12. 在/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>
    
  13. 請執行下列動作:

    1. 建立名為 js at /apps/ws. 按一下 全部儲存.

    2. 建立名為 libs at /apps/ws/js. 按一下 全部儲存.

    3. 複製 /libs/ws/js/libs/jqueryui 資料夾 /apps/ws/js/libs. 按一下 全部儲存.

  14. 請針對HTML自訂執行下列動作:

    1. /apps/ws/js,建立名為 runtime. 按一下 全部儲存.

    2. /apps/ws/js/runtime,建立名為 templates. 按一下 全部儲存.

    3. 複製 /libs/ws/js/main.js to /apps/ws/js/main.js.

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

  15. 按一下 全部儲存、清除快取,以及重新整理AEM Forms工作區。

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

本頁內容