Lightning コミュニティ開発者ガイド
jレコードレイアウトコンポーネントの CSS 上書きの移行
Lightning コミュニティの更新に伴い、レコードレイアウトコンポーネントの一部の CSS セレクタが変更されました。カスタム CSS 上書きを継続して使用する場合は、テンプレートの更新後に CSS 上書きを移行してください。
このトピックでは、セレクタの変更点について説明します。
完全なレコードレイアウト
| 以前のセレクタ | 新しいセレクタ |
|---|---|
|
.forceRecordLayout .forceRecordLayout.forcePageBlock |
force-record-layout2 force-record-layout-block |
セクション
| 以前のセレクタ | 新しいセレクタ |
|---|---|
|
.forceRecordLayout .full.forcePageBlockSectionView .forceRecordLayout .full.forcePageBlockSection .forceRecordLayout .full.forcePageBlockSectionView.forcePageBlockSection .forceRecordLayout .forcePageBlockSectionView .forceRecordLayout .forcePageBlockSection .forceRecordLayout .forcePageBlockSectionView.forcePageBlockSection |
force-record-layout2 force-record-layout-section |
セクションタイトル
| 以前のセレクタ | 新しいセレクタ |
|---|---|
| .forceRecordLayout .full.forcePageBlockSection h3 | force-record-layout2 force-record-layout-section h3 |
セクション行
| 以前のセレクタ | 新しいセレクタ |
|---|---|
|
.forceRecordLayout .full.forcePageBlockSectionRow .forceRecordLayout .forcePageBlockSectionRow |
force-record-layout2 force-record-layout-row |
セクション項目
| 以前のセレクタ | 新しいセレクタ |
|---|---|
|
.forceRecordLayout .full.forcePageBlockItem.forcePageBlockItemView .forceRecordLayout .full.forcePageBlockItem .forceRecordLayout .full.forcePageBlockItemView .forceRecordLayout .forcePageBlockItem .forceRecordLayout .forcePageBlockItemView .forceRecordLayout .forcePageBlockItem.forcePageBlockItemView |
force-record-layout2 force-record-layout-item |
セクション項目表示ラベル
| 以前のセレクタ | 新しいセレクタ |
|---|---|
| .forceRecordLayout .slds-form-element__label | force-record-layout2 .slds-form-element__label |
セクション項目値
| 以前のセレクタ | 新しいセレクタ |
|---|---|
| .forceRecordLayout .itemBody | force-record-layout2 .slds-form-element__static |
セクション項目値リンク
| 以前のセレクタ | 新しいセレクタ |
|---|---|
| .forceRecordLayout a | force-record-layout2 a |