Lightningレコードページとは
Lightning Experienceのレコードの画面では、ページ遷移しなくてもタブを切り替えることで表示する情報を切り替えることができます。
このレコード画面内部のタブの配置や、画面構成などの設定を
「Lightningレコードページ」と言います。
今回はこのLightningレコードページをカスタマイズする手順を紹介します。
編集はどこからするのか？
Lightningレコードページを編集するためには、「Lightningアプリケーションビルダー」から設定を行います。
Lightningアプリケーションビルダーの設定画面へ行くためには、下記いずれかの方法があります。
方法①：オブジェクトマネージャーから設定する
- オブジェクトマネージャから、Lightningレコードページを編集したいオブジェクトを選択する
- 「Lightningレコードページ」を選択し、「新規」を押下する
方法②：設定のホームから直接Lightningアプリケーションビルダーへ移動する
- 設定から「Lightningアプリケーションビルダー」を選択する
（クイック検索ボックスで”アプリケーションビルダー”と入力するとすぐ見つかります）
- 「新規」を押下する
方法③レコードの詳細画面から設定する
- 編集したいオブジェクトの適当なレコードを開く
- レコードの詳細画面で、右上の歯車のアイコンを押下し、「編集ページ」を押下する
Lightningレコードページ設定手順
今回は標準オブジェクト「取引先」のLightningレコードページを編集していきます。
Lightningアプリケーションビルダーへは、上記①の手順で設定画面まで移動します。
- 方法①の手順で設定画面まで移動する
オブジェクトマネージャ → 取引先 → Lightningレコードページ → 「新規」を押下する - 「レコードページ」を押下する
- 表示ラベルに任意の名称を設定し、オブジェクトは「取引先」を選択して「次へ」を押下する
- ページテンプレート（①）の中から、好きなレイアウトを選択（②）し、
「完了」（③）を押下する
※「ページテンプレート（①）」の右のタブ「Salesforceデフォルトページをコピー」では、
Salesforceが用意した標準のレイアウトが使用できます
- 編集画面に遷移するため、好きなようにカスタマイズする
「レコードの詳細」や「関連リスト」など、様々なコンポーネントの中（①）から、
配置したいコンポーネントをドラッグ＆ドロップで②のエリアへ移動することで
画面に表示されるようになります。
③には選択中のコンポーネントの詳細が表示され、ここで細かな設定ができます。
- カスタマイズができたら、「保存」を押下する
下図では、画面上部に横長でコンパクトレイアウトを表示し、
画面左下にはレコードの詳細を大きく表示するようにしています。
また、画面中央右では関連リストやChatterなどを、
アコーディオンという形式で表示するようにしています。
画面右下は取引先のリストビューを表示しています。
- 保存したあとに、「有効化」を押下する
※有効化しておかないと、保存してもユーザの画面には反映されません
- 組織のデフォルトタブで「組織のデフォルトとして割り当て」を押下する
- 「デスクトップ」を選択して「次へ」を押下する
- 割り当ての確認画面で内容を確認し、「保存」を押下する
- 保存が完了しても、特に自動でページ遷移はありません
設定画面を閉じて、取引先レコードの画面を開き、設定が反映されたか確認します。
- 取引先のレコードの画面で、設定が反映されていることが確認できました
