ウィジェットの作成および使用 › サービスのリクエストおよびリクエストの管理のためのウィジェットの埋め込み › プレーン HTML ページへのウィジェットの埋め込み

プレーン HTML ページへのウィジェットの埋め込み

プレーン HTML ページ用にウィジェットを作成して使用する場合は、この手順に従います。

1. このシナリオ内の前のトピックを参照して、以下の項目を理解してください。
   • 各ウィジェットの目的
   • 他のアプリケーション内でカタログ リクエスト ライフサイクル機能を提供するために、ウィジェットがどのように連携して動作するか
2. HTML ページ（Liferay および SharePoint 固有の情報を除く）を設計する際は、以下の要件およびガイドラインに従ってください。
   • 前提条件
   • 制限事項
   • 実装：
     • 最初の HTML ページに［参照］および［リクエスト］ウィジェットを埋め込みます。
     • 2 番目の HTML ページに［ステータス］、［リクエストの編集］、および［リクエスト一覧］ウィジェットを埋め込みます。
   • 適切なページに各ウィジェットを埋め込むには、以下の手順に従います。
3. HTML ページを作成します。 各ウィジェットを埋め込む DIV 要素の場所とサイズを決定します。
4. DIV 要素のウィジェットのソース コードを以下のように指定します。
   • ソース コードを使用して［参照］ウィジェットを呼び出す。
   • ソース コードを使用して［リクエスト］ウィジェットを呼び出す。
   • ソース コードを使用して［ステータス］ウィジェットを呼び出す。
   • ソース コードを使用して［リクエストの編集］ウィジェットを呼び出す。
   • ソース コードを使用して［リクエスト一覧］ウィジェットを呼び出す。
5. 更新を保存します。

   ソースは、HTML ページ上に表示されます。 たとえば、［参照］ウィジェットを呼び出すと、指定したカタログ、フォルダまたはサービスが HTML ページ上に表示されます。

6. 表示されたウィジェットを確認します。 ウィジェットの精度を高める必要がある場合は、ソース コードを編集して保存し、新たな結果を確認します。
7. ウィジェットをテストします。