エクスポートされたページのレイアウトをカスタマイズする

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

1. このページの内容

PDF出力をカスタマイズする方法について説明します。これは、アプリケーションの有効モードでページをダウンロードする際に適用できます。詳細はページに関するガイドをご参照ください。

Zoho Creatorでは、アプリケーションの有効モードでページのPDFダウンロードを許可するかどうかを選択できます。これは編集モードのページプロパティパネルでPDFオプションを有効にすることで設定でき、有効モードでPDFボタンが利用可能となります。

ダウンロードするPDFの基本属性（ページ余白の設定、ヘッダー・フッターのカスタマイズ、ページ番号の表示など）を事前に設定できます。これらのカスタマイズは、ページ内に挿入したHTMLスニペット内に組み込む必要があり、ダウンロードされたPDFに反映されます。

このような基本フォーマットを設定したPDF出力例は、下記の動画でご覧いただけます。

構文

zcpage-spacing='pixelvalue'

構文の説明

カスタムのページ余白を設定するには、本文の最初の

タグで指定します。下記にサンプルコードスニペットを示します。

メモ: 初期設定では、PDFは0pxのマージン値がすべての辺に適用されて表示されます。

出力PDFでヘッダーまたはフッターの内容を追加し繰り返すには、該当する属性としてzcpage-headerhtml='真'やzcpage-footerhtml='真'を必須

タグに追加してください。サンプルコードスニペットを以下に示します。

ヘッダー:

フッター:

ヘッダー・フッター属性は、table要素や固定位置の要素には使用しないでください。出力PDFの一貫性が保たれなくなります。
ヘッダーおよびフッター属性の高さは300px未満にしてください。
外部スタイルシートや継承されたスタイルプロパティは、ヘッダーとフッターのHTML要素には適用されません。インラインスタイルの利用を推奨します。
複数のHTML要素に対してヘッダー/フッター属性を指定した場合、最初のHTML要素にのみ属性が適用されます。
1つのHTML要素に対して指定できるのは、ヘッダーまたはフッターのいずれか1つです。両方指定した場合はヘッダーのみが表示されます。
margin-top、margin-bottom、padding-top、padding-bottomなどのスタイル要素をヘッダー/フッター要素内で使用すると、ヘッダーやフッターの表示が崩れる場合があります。

メモ: 該当するHTML要素のヘッダー/フッター用として、以下のtop/bottomマージン値の使用をご検討ください。

構文

構文の説明

zc_PageNumber パラメーターは、エクスポート済みページのURL にフッターコンテンツを指定した場合は機能しません。そのような場合は、上記の構文をヘッダーまたはフッターのHTMLに追加することでページ番号を表示できます。

例として、以下のHTMLコードをPDFの各ページのフッターに追加すると、「1 of n」「2 of n」...「n of n」のように表示されます。

情報: 機能別URL を利用してページをPDFとしてエクスポートできます。この方法では、パラメーターを渡してエクスポート済みページをカスタマイズすることが可能です。

カスタマイズがその他のHTMLスニペットにも記載されている場合、出力されるPDFはページビルダーで最初に配置されたHTMLスニペットに基づいてカスタマイズされます。
PDFで表示されるのは無料フォント、または開くフォントライセンスを持つフォントのみです。
一部のMS Coreフォントは自動的に無料フォントに置き換えられます。
画像をHTMLスニペットでページに挿入する場合、PDFで画像を表示させるには公開するURLを使用してください。ダッシュボードをエクスポート済みの場合に有効です。
外部メディアをHTMLスニペットでiframe埋め込みコードとして挿入した場合、エクスポート済みPDFでは読み込まれない場合があります。
出力されるPDFでレイアウト崩れを防ぐため、HTMLスニペット内で入れ子のテーブルは使用しないでください。