Loading
Salesforce から送信されるメールは、承認済ドメインからのみとなります続きを読む

PDF としてレンダリングされた Visualforce ページの書式設定

公開日: Apr 24, 2026
説明

Visualforce を使用することで PDF ドキュメント (<apex:page RenderAs="PDF">)を作成することができます。しかし、それらのファイルは CSS によって簡単に細工することができることをご存知でしょうか。
例えば、ページを分割したドキュメントを作ることができます。フッターおよびヘッダーを設定することができます。ページサイズを設定することができます。ページ番号を追加することができます。

解決策
たとえば以下のような要件の PDF を作成します。
 
  • 用紙サイズとして、"Letter " を使用します。
  • 1/4 cm の余白を設定します。
  • 全てのページにタイトルを設定します。
  • 全てのページにこの書式（page # of #）でページ番号を表示します。
  • それぞれのページの内容を制御します。

注：実現したいレイアウトによっては、必要に応じて apex:page の各オプション（applyBodyTag など）を変更する必要があります。

<apex:page renderAs="pdf" showHeader="false" sidebar="false" standardStylesheets="false" applyBodyTag="false" applyHtmlTag="false">
    <html>
    <head>
        <style>
            @page {
                size: letter;
                margin: 25mm;
                @top-center {
                    content: "Sample";
                }
                @bottom-center {
                    content: "Page " counter(page) " of " counter(pages);
                }
            }
            .page-break {
                display:block;
                page-break-after:always;
            }
            body {
                font-family: Arial Unicode MS;
            }
        </style>
    </head>
    <body>
    <div class="page-break">Page A</div>
    <div class="page-break">Page B</div>
    <div>Page C</div>
    </body>
   </html>
</apex:page>

 

 

 
ナレッジ記事番号

000385121

 
読み込み中
Salesforce Help | Article