Skip to main content
Embed Coconut Grid directly in Lightning pages using Lightning Web Components.

Components

The following Lightning Web Components are available.

Coconut Grid Item

Use the Coconut Grid Item component to display an item’s layout and tabs inside Lightning pages such as Record Page, Home Page, or App Page.
1

Add Component to Page

Open the Lightning App Builder and add the Coconut Grid Item component.
  • Drag the component onto the page
  • Place it in the desired section
2

Configure Properties

Set the component properties.Use record IDs, not item or tab keys. Tab ID selects an initial tab without hiding the item’s other tabs or layout areas. Percentage heights require a containing region with a defined height.
3

Save and Activate

Save the page and activate it.The item is displayed inline within the Lightning page.

Coconut Grid Item View

Use Coconut Grid Item View on a Coconut Grid Item record page to display the current item automatically. This component is available for desktop record pages of the Coconut Grid Item object. Salesforce supplies the current item’s recordId; there is no Item ID property to configure for this component. For embedding in a custom Visualforce page, see Visualforce Components. To open an item using a URL, see Visualforce Pages.