カスタムウィジェットを使用して、レポートの動画やPDFコンテンツをページ上に直接表示します。ウィジェットは、動画やアップロードされたリソースを保存するファイルアップロード項目など、レポート内のメディアファイルを取得し、ページ上に表示して簡単にアクセスできるようにします。

ある教育機関が、学生がコース教材に簡単にアクセスできるようにしたいと考えています。そこで、ファイルや動画を取得し、ページ上で直接プレビューできるウィジェットを作成しました。このウィジェットは、講師がコースの詳細と教材を登録するフォームに連携されています。このウィジェットを使用すると、講師は録画講義（動画）や教科書（PDF）をフォームから1つのページに埋め込むことができます。これにより、学生は必要なリソースをすべて1か所でまとめて確認できます。

手順

フォームを作成

2. 以下の項目を Course Management フォームに追加し、項目名を表のとおりに設定します。

項目タイプ	項目名	項目リンク名
シングルライン	Course 件名	Course_Title
Lookup	Instructor	Instructor
ドロップダウン	期間	期間
ドロップダウン	Difficulty	Difficulty
マルチライン	説明	説明
画像	Thumbnail	Thumbnail
Video	クラス Recording	Class_Recording
ファイルアップロード	Textbook	Textbook

メモ: 別の方法として、Creator アプリケーションの設定に移動し、Widgetsをクリックして作成を選択することもできます。

1. ウィジェットの名前を入力します。ホスティングオプションは「Internal」があらかじめ選択されています。この手順は、Creator 内でホストされるウィジェットに適用されます。ウィジェットは外部にホストして Creator にリンクすることもできますが、このチュートリアルでは Internal オプションを使用するため、そのままにしておきます。

2. インデックスパスに/widget.htmlと指定し、作成をクリックします。

1. 右上のPage VariableとScriptsアイコン（）を選択して、ページ変数に移動します。次に、ウィジェットにマッピングするため、以下の変数を追加します。

2. Variablesの横にあるScriptに移動し、ページ変数をレポートにマッピングするため、エディターに次のスクリプトを追加してページスクリプトを設定します。

1. input。report_name = 'Course_Management'; // 「Course Management」フォームのレポートのレポートリンク名。
2. //以下の件名とタグラインは表示目的のみです。ウィジェットの機能には影響せず、自由にカスタマイズできます。
3. input。件名 = 'Course Management';
4. input。tag_line = '管理 courses, タブ, and resources efficiently.';