AEM Forms Workspace のカスタマイズの一般的な手順に従います。

カスタマイズを実行するための一般的な手順を以下に示します。

1. https://[server]:[port]/lc/crx/de/index.jspにアクセスしてCRXDE Liteにログインします。

2. wsという名前のフォルダーが存在しない場合は、/appsに作成します。 「すべて保存」をクリックします。

3. /apps/wsを参照し、アクセス制御​タブに移動します。

4. アクセス制御​リストーで、+​をクリックして新しいエントリを追加します。 もう一度「+」をクリックします。

5. PERM_WORKSPACE_USER​プリンシパルを検索して選択します。

   

6. プリンシパルにjcr:read権限を与えます。

7. 「すべて保存」をクリックします。

8. GET.jspとhtml.jspファイルを/libs/wsフォルダーから/apps/wsフォルダーにコピーします。

9. /apps/wsフォルダーの/libs/ws/localesフォルダーをコピーします。 「すべて保存」をクリックします。

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"/>
    

    メモ

    上記のように、newStyle.css のエントリの後ろにユーザー定義された 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という名前のフォルダーを/apps/wsに作成します。 「すべて保存」をクリックします。
    2. libsという名前のフォルダーを/apps/ws/jsに作成します。 「すべて保存」をクリックします。
    3. jqueryuiという名前のフォルダーを/apps/ws/js/libsに作成します。 「すべて保存」をクリックします。
    4. /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js を /apps/ws/js/libs/jqueryui にコピーします。「すべて保存」をクリックします。

14. 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にコピーします。

15. 「Save All」をクリックし、キャッシュをクリアして AEM Forms Workspace を更新します。

    URL https://[server]:[port]/lc/wsにアクセスし、管理者/パスワードの資格情報でログインします。 ブラウザーはhttps://[server]:[port]/lc/apps/ws/index.htmlにリダイレクトします。