Show Menu
トピック×

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

カスタマイズを実行するための一般的な手順を以下に示します。
  1. にアクセスしてCRXDE Liteにログインし https://'[server]:[port]'/lc/crx/de/index.jsp ます。
  2. Create a folder named ws at /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.
  6. Give jcr:read privilege to the Principal.
  7. すべて保存 」をクリックします。
  8. Copy the GET.jsp and html.jsp files from the /libs/ws folder 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 js at /apps/ws . 「 すべて保存 」をクリックします。
    2. Create a folder named libs at /apps/ws/js . 「 すべて保存 」をクリックします。
    3. Create a folder named jqueryui at /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 します。