# C1.Web.Mvc.TabPanel

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Web_Mvc_TabPanel" data-uid="C1.Web.Mvc.TabPanel" class="text-break">TabPanel Class
</h1>
  <div class="markdown level0 summary"><p>Defines a control which enables content organization at a high level, such as switching between views, data sets, or functional aspects of an application.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="C1.Web.Mvc.Component.html">Component</a></div>
    <div class="level2"><a class="xref" href="C1.Web.Mvc.Control.html">Control</a></div>
    <div class="level3"><span class="xref">TabPanel</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.html.ihtmlcontent">IHtmlContent</a></div>
    <div><a class="xref" href="C1.Web.Mvc.ITemplate.html">ITemplate</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Web.Mvc.html">C1.Web.Mvc</a></h6>
  <h6><strong>Assembly</strong>: C1.AspNetCore.Mvc.dll</h6>
  <h5 id="C1_Web_Mvc_TabPanel_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class TabPanel : Control, IHtmlContent, ITemplate</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class TabPanel
    Inherits Control
    Implements IHtmlContent, ITemplate</code></pre>
  </div>
  <h5 id="C1_Web_Mvc_TabPanel_remarks"><strong>Remarks</strong></h5>
  <div class="markdown level0 remarks"><p>Tabs are presented as a single row above their associated content. Tab headers succinctly describe the content within. Tabs can be selected with the mouse or keyboard, and automatically update the content to reflect the current selection.</p>
</div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_TabPanel__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_" data-uid="C1.Web.Mvc.TabPanel.#ctor(Microsoft.AspNetCore.Mvc.Rendering.IHtmlHelper,System.String)">
          <a class="xref" href="C1.Web.Mvc.TabPanel.-ctor.html#C1_Web_Mvc_TabPanel__ctor_Microsoft_AspNetCore_Mvc_Rendering_IHtmlHelper_System_String_">TabPanel(IHtmlHelper, string)</a>
        </td>
        <td class="markdown level1 summary"><p>Creates one <a class="xref" href="C1.Web.Mvc.TabPanel.html">TabPanel</a> instance.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Web_Mvc_TabPanel_AutoSwitch" data-uid="C1.Web.Mvc.TabPanel.AutoSwitch">
          <a class="xref" href="C1.Web.Mvc.TabPanel.AutoSwitch.html#C1_Web_Mvc_TabPanel_AutoSwitch">AutoSwitch</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether the control should switch tabs automatically when the user selects a tab using the arrow keys.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TabPanel_IsAnimated" data-uid="C1.Web.Mvc.TabPanel.IsAnimated">
          <a class="xref" href="C1.Web.Mvc.TabPanel.IsAnimated.html#C1_Web_Mvc_TabPanel_IsAnimated">IsAnimated</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets a value that determines whether tab changes should be animated with a fade-in effect.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TabPanel_OnClientSelectedIndexChanged" data-uid="C1.Web.Mvc.TabPanel.OnClientSelectedIndexChanged">
          <a class="xref" href="C1.Web.Mvc.TabPanel.OnClientSelectedIndexChanged.html#C1_Web_Mvc_TabPanel_OnClientSelectedIndexChanged">OnClientSelectedIndexChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Occurs when the value of the selectedIndex property changes.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TabPanel_SelectedIndex" data-uid="C1.Web.Mvc.TabPanel.SelectedIndex">
          <a class="xref" href="C1.Web.Mvc.TabPanel.SelectedIndex.html#C1_Web_Mvc_TabPanel_SelectedIndex">SelectedIndex</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the index of the currently selected (active) tab.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Web_Mvc_TabPanel_Tabs" data-uid="C1.Web.Mvc.TabPanel.Tabs">
          <a class="xref" href="C1.Web.Mvc.TabPanel.Tabs.html#C1_Web_Mvc_TabPanel_Tabs">Tabs</a>
        </td>
        <td class="markdown level1 summary"><p>Gets the collection of Tab objects whose Tab.header and Tab.pane properties determine the content of the TabPanel control.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>