---
schema_version: "1"
id: 5c1905cdcefed52dd25bd1de00ff9dee96e9cf49bb851c88642c585098c4d8b7
title: Sidebar Styles for Console Components 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_multi_ref.md
canonical_url: https://help.salesforce.com/s/articleView?id=service.console2_components_multi_ref.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 4e53b39e21d5312692b447ad4111b98e55a17ebb6b31f5df6cc1982764dead81
description: When administrators add components to page layouts, they choose the sidebar style in which to display the components in a Salesforce Console.
products:
  - Salesforce Platform
  - Service Cloud
  - Sales
release: "264"
---
# Sidebar Styles for Console Components in Salesforce Classic

When administrators add components to page layouts, they choose the sidebar style in which to display the components in a Salesforce Console.

The following sidebar styles are available for console components on page layouts.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:27.672955974842772%">
          <col style="width:72.32704402515724%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d11066e44">Multi-Component Type</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d11066e47">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Multi-Component Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e44 ">Stack</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e47 ">
              <p>A content area with multiple frames.</p>
              <p style="margin-bottom:0;"><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/console/images/console_component_stack.png" alt="An icon of a custom console component with the stack multi-component type"></span></p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Multi-Component Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e44 ">Tabs</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e47 ">
              <p>A single content area with a list of multiple panels.</p>
              <p style="margin-bottom:0;"><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/console/images/console_component_tabs.png" alt="An icon of a custom console component with the tabs multi-component type"></span></p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Multi-Component Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e44 ">Accordion</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d11066e47 ">
              <p>A collapsible content area.</p>
              <p><span style="vertical-align:text-bottom;display:inline-block;"><img style="margin-bottom:0;" src="https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-service-console-264-0-0-production-enus/75c6dd08-020e-4339-beb1-c617dbcf77fb/console/images/console_component_accordion.png" alt="An icon of a custom console component with the accordion multi-component type"></span></p>
              <p style="margin-bottom:0;">This style is only available for vertical
                sidebars.</p>
            </td>

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

#### See Also

- [Add Console Components to Page Layouts in Salesforce Classic](https://help.salesforce.com/s/articleView?id=service.console2_components_create_page_layouts.htm&release=264.0.0&type=5 "After you create a console component, you can add it to page layouts so that users can access it from a sidebar in a Salesforce Console.")