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

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

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

  2. Create a folder named wsat /apps, if it does not exist. 「すべて保存」をクリックします。

  3. Browse to /apps/ws, and navigate to the Access Control tab.

  4. In the Access Control list, click + to add a new entry. もう一度「+」をクリックします。

  5. Search and select the PERM_WORKSPACE_USER Principal.

    HTML Workspace をカスタマイズするための汎用手順の一部として PERM_WORKSPACE_USER プリンシパルを選択します

  6. Give jcr:read privilege to the Principal.

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

  8. Copy the GET.jsp and html.jspfiles from the /libs/wsfolder to the /apps/ws folder.

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

  10. Update the references and relative paths in the GET.jsp file, as shown below, and click Save all.

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. CSS のカスタマイズは以下のようにして実行します。

    1. Navigate to the /apps/ws folder and create a new folder named css.
    2. css フォルダに newStyle.css という名前の新しいファイルを作成します。
    3. Open /apps/ws/html.jsp and change from
    <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. Create a folder named jsat /apps/ws. 「すべて保存」をクリックします。
    2. Create a folder named libsat /apps/ws/js. 「すべて保存」をクリックします。
    3. Create a folder named jqueryuiat /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. Copy /libs/ws/js/registry.js to /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します。

このページ