PDF ファイルを表示する

フォーム内に PDF ファイルを表示できます。

チュートリアル

ローカル PDF ファイル

フォーム内に PDF ファイルを表示するには、以下の手順を実行します。

1. HTML 要素 コンポーネントをフォーム デザイナーにドラッグ アンド ドロップします。
2. [表示] 設定タブの [コンテンツ] フィールドに、<iframe href="/file://path-to-file"></iframe> を入力します。path-to-file は、読み込むファイルのローカル パスです。
   <iframe> タグの場合は、自己終了タグ </iframe> ではなく、終了タグ /> を使用することをお勧めします。
3. <iframe> タグに width 属性と height 属性を追加して、フォームでの PDF ファイルの高さと幅を設定します。
   たとえば、C:\Folder\doc.pdf にある、350x500 ピクセル (width x height) に書式設定された PDF ファイルを表示するには、以下のスニペットを入力します。

<iframe href="/file://c:\folder\doc.pdf" width=350 height=500></iframe>

動的な PDF ファイル

PDF ファイルを動的にレンダリングするには、以下の手順を実行します。

1. [フォーム フィールド コレクション] (Studio) で変数として PDF ファイルのパスを設定し、pdf と名付けます。
2. [HTML 要素] コンポーネントの [表示] タブに移動します (フォーム デザイナー)。
3. [コンテンツ] フィールドに <iframe href={{data.pdf}} width=350 height=500></iframe> を追加します。
   画像を変数として含む完全な HTML タグを設定できます。その場合、[コンテンツ] フィールドでは、{{data.pdf}} のみを使用してデータをバインドします。

4. [コンテンツ] フィールドの [変更時に更新] をオンにします。