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

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

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

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

  3. 参照先 /apps/wsをクリックし、 アクセス制御 タブをクリックします。

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

  5. を検索して選択します。 PERM_WORKSPACE_USER 校長。

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

  6. 与える jcr:read プリンシパルに対する権限

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

  8. を GET.jsp および 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"/>
    メモ

    上記のように、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.

このページ