---
schema_version: "1"
id: c6fa58f7c551801ca97fe9517995f4d47b964e44c38e92b6150686526431a27c
title: Console Component Implementation Tips in Salesforce Classic
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/service/264-0-0/console2_components_impl_tips.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.console2_components_impl_tips.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f18785d2841639785dd6dbdd571b3476727be26c82946447da5b2c537b1e739b
description: Before you create a component for a Salesforce console, review these tips.
products:
  - Salesforce Platform
  - Service Cloud
  - Sales
release: "264"
---
# Console Component Implementation Tips in Salesforce Classic

Before you create a component for a Salesforce console, review these tips.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

## Behavior and Access Tips

- You can’t add canvas app components to AppExchange packages.
- When you update records on primary tabs or subtabs, components don’t refresh automatically.
- If you change the Height or Width of a console component, refresh your browser to see your updates.
- Report chart components aren’t available to developers using the Salesforce Metadata API or for migration between sandbox and production instances.

## Page Layout Tips

- If you’re assigned to a Sales Cloud User Permission or Service Cloud User feature license, you can add components to page layouts.
- After you turn off the highlights panel or interaction log on a page layout, you can add a component to the Top Sidebar or Bottom Sidebar of primary tabs.
- If you want a component to display across all the subtabs on a primary tab, add the component to the Primary Tab Components section on page layouts. If you add a component to the Subtab Components section on page layouts, the component displays on individual subtabs.
- If you edit a page layout in the console, such as adding a primary tab component like an interaction log, the updated layout isn’t displayed until the page is closed and then reopened in a new primary tab.
- If [Salesforce Knowledge is enabled](https://help.salesforce.com/s/articleView?id=service.knowledge_setup.htm&type=5&language=en_US) and the [Knowledge sidebar is turned on](https://help.salesforce.com/s/articleView?id=service.console2_setup_knowledge.htm&type=5&language=en_US), don't add a component to the Right Sidebar of case page layouts, otherwise the Knowledge sidebar displays over components.

## Visualforce Tips

- Due to third-party cookie restrictions in modern web browsers, Visualforce pages can’t load in Salesforce Classic console apps when third-party cookies are disabled. See [Visualforce Limitations in Salesforce Classic When Third-Party Cookies are Blocked](https://help.salesforce.com/s/articleView?id=003786014&type=1&language=en_US).
- For each page layout, you can use a Visualforce page as a component one time.
- If Visualforce pages are assigned to page layouts as components, you can’t delete them.
- Visualforce pages don’t refresh when you click ![Save changes button](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/console/images/console2_mutton.png) and select **Refresh all primary tabs** or **Refresh all subtabs**.
- If you enable clickjack protection for Visualforce pages in your organization’s security settings, Visualforce pages don’t display correctly.
- Unlike other Visualforce pages, you don't have to set the standard controller on components to the object whose page layout you're customizing.
- If you add `showHeader=true` to a Visualforce page, you can add a 15-pixel gap to the right and left sides of a component to visually indicate its location in a sidebar. For example, `<apex:page standardController="Contact" showHeader="false" title="List of Cases">`.
- When Visualforce pages are used as components, two URL parameter values are passed automatically:<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:20%">
              <col style="width:40%">
              <col style="width:40%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d1748e199">Parameter Name</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d1748e202">Parameter Value</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d1748e205">Description</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Parameter Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e199 "><code>id</code></td>

                <td data-label="Parameter Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e202 ">A case-sensitive 15-character alphanumeric string that uniquely identifies
                  a record.</td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e205 ">
                  <p>The ID of the detail page in which the component displays.</p>
                  <p style="margin-bottom:0;">This parameter
                    is only passed if the ID is available.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Parameter Name" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e199 "><code>inContextPane</code></td>

                <td data-label="Parameter Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e202 "><code>true</code></td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d1748e205 ">Indicates the Visualforce page displays as a component in a Salesforce
                  console.</td>

              </tr>
            </tbody>
          </table>

#### See Also

- [Create Console Components in Salesforce Classic](https://help.salesforce.com/s/articleView?id=service.console2_components_create_overview.htm&release=264.0.0&type=5 "Developers and administrators typically follow these steps when creating components for a Salesforce console.")