見出し画像

[第4回] ヘッダー部分に会社名とロゴを設定しよう①

本講座はvisualforceを使い、Salesforce帳票の作り方を学んでいく講座です。全13回の講義終了後、商談から帳票を出力できるようになる事をGoalとして講座を進めていきます。

メンバーシップ(Salesforceデベロッパープラン)加入者は無料でご覧いただくことが可能です。

第3回講義でvisualforceページを使って簡単なPDFを作成してみました。

第4回講義では、ヘッダー部分に会社名とロゴを設定していきましょう。


HTMLで帳票レイアウトを調整する

ヘッダー部分に会社名とロゴを設定する前に、HTMLの調整をしておきましょう。

HTMLとはWebページを作るためのプログラミング言語です。
visualforceページにHTMLを組み込む事が可能で、HTMLを用いる事で帳票のデザイン構成をヘッダーエリア、メインエリア、フッターエリアのような構成に分ける事ができます。

実は前回までの講義でヘッダー(<head>)ボディ(<body>)は作ってあります。

足りないのはフッターエリアなのでHTMLで<footer>タグを追加しましょう。

opp_pdf.pageに下記のように<footer>…</footer>を追加してみてください。

ここから先は

1,802字 / 5画像

いつもサポートいただきありがとうございます! クリエイター活動の励みになります!