Skip to main content
Lightning ページに Coconut Grid を直接埋め込みます。

コンポーネント

以下の Lightning Web コンポーネントが利用可能です。

Coconut Grid Item

Coconut Grid Item コンポーネントを使用して、レコードページ、ホームページ、アプリケーションページなどの Lightning ページにアイテムのレイアウトとタブを表示します。
1

コンポーネントを追加

Lightning アプリケーションビルダーを開き、Coconut Grid Item コンポーネントを追加します。
  • コンポーネントをページにドラッグ
  • 任意の位置に配置
2

プロパティを設定

コンポーネントのプロパティを設定します。アイテムやタブのキーではなく、レコード ID を使用してください。Tab ID は、他のタブやレイアウトエリアを非表示にせず、最初に選択するタブを指定します。パーセント指定には、親領域の高さが定義されている必要があります。
3

保存と有効化

ページを保存して有効化します。Lightning ページ内にアイテムが表示されます。

Coconut Grid Item View

Coconut Grid Item のレコードページで Coconut Grid Item View を使用すると、現在のアイテムを自動的に表示できます。このコンポーネントは、Coconut Grid Item オブジェクトのデスクトップ用レコードページで使用できます。 現在のアイテムの recordId は Salesforce が渡すため、このコンポーネントには設定する Item ID プロパティはありません。 カスタム Visualforce ページに埋め込む場合はVisualforce コンポーネント、URL からアイテムを開く場合はVisualforce ページを参照してください。