カスタマイズを実行するための一般的な手順を以下に示します。
にアクセスしてCRXDE Liteにログイン https://[server]:[port]/lc/crx/de/index.jsp
.
という名前のフォルダーを作成します。 ws
時刻 /apps
(存在しない場合) 「すべて保存」をクリックします。
参照先 /apps/ws
をクリックし、 アクセス制御 タブをクリックします。
内 アクセス制御 リスト、クリック + をクリックして、新しいエントリを追加します。 もう一度「+」をクリックします。
を検索して選択します。 PERM_WORKSPACE_USER 校長。
与える jcr:read
プリンシパルに対する権限
「すべて保存」をクリックします。
を GET.jsp
および html.jsp
ファイル /libs/ws
フォルダーを /apps/ws
フォルダー。
を /libs/ws/locales
フォルダーを /apps/ws
フォルダー。 「すべて保存」をクリックします。
の参照と相対パスを更新します。 GET.jsp
ファイル(下図を参照)を選択し、「 すべて保存.
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
CSS のカスタマイズは以下のようにして実行します。
/apps/ws
フォルダーを作成し、 css
.css
フォルダに newStyle.css
という名前の新しいファイルを作成します。/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 ファイルのエントリを配置します。
/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>
以下の操作を実行します。
js
時刻 /apps/ws
. 「すべて保存」をクリックします。libs
時刻 /apps/ws/js
. 「すべて保存」をクリックします。jqueryui
時刻 /apps/ws/js/libs
. 「すべて保存」をクリックします。/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js
を /apps/ws/js/libs/jqueryui
にコピーします。「すべて保存」をクリックします。HTML のカスタマイズは以下のようにして実行します。
/apps/ws/js
、という名前のフォルダーを作成します。 runtime
. 「すべて保存」をクリックします。/apps/ws/js/runtime
、という名前のフォルダーを作成します。 templates
. 「すべて保存」をクリックします。/libs/ws/js/main.js
を /apps/ws/js/main.js
にコピーします。/apps/ws/js/registry.js
.「Save All」をクリックし、キャッシュをクリアして AEM Forms Workspace を更新します。
URL にアクセス https://[server]:[port]/lc/ws
管理者/パスワードの資格情報を使用してログインします。 ブラウザーはにリダイレクトします。 https://[server]:[port]/lc/apps/ws/index.html
.