---
title: Tabs Section
slug: '3055'
canonical_url: https://docs.coveo.com/en/3055/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Tabs Section
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.

![Coveo for Sitecore Specific Rendering](c4sc-v5/sitecore-20-px-new.png)
This rendering adds a `Tabs` dynamic placeholder in which you can insert [Coveo Tab](https://docs.coveo.com/en/3066/?c4scV5HiveType=tab-hive) renderings.

## Insertion location


<div>
<h3>Coveo Hive</h3>
  <p>The <strong>Tabs Section</strong> rendering is an Allowed Control in the following placeholder(s): <code class="highlighter-rouge">UI Header</code>, <code class="highlighter-rouge">Header Section</code>, <code class="highlighter-rouge">Main Section</code>, <code class="highlighter-rouge">Results Header</code>, <code class="highlighter-rouge">Results Header Section</code></p>
  <video width="690" height="335" controls="">
  <source src="{{ site.baseurl }}/assets/images/c4sc-v5/tabs-section-hive.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
  <div class="figure-caption">Example insertion sequence for the <strong>Tabs Section</strong> rendering.
  </div>
</div>
<div>
<h3>Coveo Hive SXA</h3>
  <p>Coveo for Sitecore SXA does not include a <strong>Tabs Section</strong> rendering. Use a Sitecore container or splitter to create a section for your <strong>Coveo Tab</strong> renderings (see <a href="{{ site.baseurl }}/3066/?c4scV5HiveType=tab-hive-with-sxa#insertion-location" target="_blank">Coveo Tab Insertion Location</a>).</p>
</div>
<div>
  <h2 id="data-source-options">Data Source Options</h2>
  <p>This rendering does not require a data source.</p>
  <h2 id="sample-generated-html-in-experience-editor">Sample Generated HTML in Experience Editor</h2>
  <div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"coveo-tab-section coveo-placeholder-fix scEnabledChrome chromeWithDatasource"</span> <span class="na">sc-part-of=</span><span class="s">"placeholder rendering"</span><span class="nt">&gt;</span>
  <span class="nt">&lt;code</span> <span class="err">...</span> <span class="nt">&gt;&lt;/code&gt;</span>
  <span class="nt">&lt;span</span> <span class="err">...</span> <span class="nt">&gt;&lt;/span&gt;</span>
  <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"scEnabledChrome scEmptyPlaceholder"</span>
  <span class="na">sc-placeholder-id=</span><span class="s">"_coveo_ui_coveo_ui_content_dynamic_coveoe28f8e99_coveo_ui_header_section_coveo_ui_tabs_dynamic_coveo26c58f20"</span>
  <span class="na">sc-part-of=</span><span class="s">"placeholder"</span><span class="nt">&gt;&lt;/div&gt;</span>
  <span class="nt">&lt;code</span> <span class="err">...</span> <span class="nt">&gt;&lt;/code&gt;</span>
<span class="nt">&lt;/div&gt;</span>
</code></pre></div>  </div>
  <div class="figure-caption">The <strong>Tabs Section</strong> rendering floating toolbar code is purposely omitted.</p>
  </div>
</div>