Skip to main content
Embed Coconut Grid in Visualforce pages using Visualforce components.

​
Components

The following Visualforce components are available.

​
Coconut Grid

Use the Coconut Grid component to embed the full Coconut Grid app experience in a Visualforce page.

​
Coconut Grid Item

Use the Coconut Grid Item component to embed a specific Item in a Visualforce page.
  • itemId – Required. Specify the Salesforce record ID of the item to display
  • tabId – Optional. Specify the Salesforce record ID of the initial tab within that item. If omitted, the first tab is selected
  • height – Optional. Set the component height, for example 600, 600px, or 100%. Numeric values are interpreted as pixels. Percentage heights require a containing element with a defined height
Use record IDs, not item or tab keys. The component displays the item layout; tabId selects an initial tab without hiding other tabs or areas. These are component attributes, not URL query parameters.
To pass item and tab IDs in a URL instead of component attributes, see Visualforce Pages. For Lightning App Builder, use Lightning Web Components.