> ## Documentation Index
> Fetch the complete documentation index at: https://coconut-grid.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Visualforce Pages

Open Coconut Grid by accessing Visualforce page URLs directly.

## Pages

The following Visualforce pages are available.

| Page Label | Page Name | Access |
| - | - | - |
| Coconut Grid | `CG_App` | `/apex/CoconutGrid__CG_App?itemId={itemId}&tabId={tabId}` |
| Coconut Grid Item | `CG_Item` | `/apex/CoconutGrid__CG_Item?id={itemId}` |
| Coconut Grid Tab | `CG_Tab` | `/apex/CoconutGrid__CG_Tab?id={tabId}` |

## Coconut Grid

Use the Coconut Grid page to open the full Coconut Grid app experience. This page is used by the Coconut Grid tab in Salesforce.

* `itemId` – Optional. Specify the Salesforce record ID of the item to display
* `tabId` – Optionally specify the Salesforce record ID of the initial tab within that item. If omitted, the first tab is selected
* `sfdc.tabName` – Optional Salesforce tab context. Keep this parameter if it is already present in the URL
* `view` – Optional. Use `home` to open the home page when `itemId` is omitted

Pass `itemId` and `tabId` as URL query parameters.

To open an item without specifying a tab:

```text theme={null}
/apex/CoconutGrid__CG_App?itemId={itemId}
```

To open an item with a specific tab:

```text theme={null}
/apex/CoconutGrid__CG_App?itemId={itemId}&tabId={tabId}
```

Replace the placeholders with Salesforce record IDs, not item or tab keys. The tab must belong to the specified item. Selecting an initial tab does not hide the item's other tabs or layout areas.

## Coconut Grid Item

Use the Coconut Grid Item page to open a specific Item directly.

* `id` – Required. Specify the item record ID in this query parameter, as shown by `{itemId}` in the table

This page displays the item with its first tab selected. To select an initial tab, use the full app URL with `itemId` and `tabId`, or the Coconut Grid Tab page below.

## Coconut Grid Tab

Use the Coconut Grid Tab page to open a specific Tab directly.

* `id` – Required. Specify the tab record ID in this query parameter, as shown by `{tabId}` in the table

This page opens the tab's parent item and selects the specified tab. You do not need to pass an item ID.

To embed Coconut Grid within another page, use [Lightning Web Components](https://coconut-grid.mintlify.site/configuration/lightning-web-component.md) or [Visualforce Components](https://coconut-grid.mintlify.site/configuration/visualforce-components.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.